@import "style.3.css";@import "style.2.css";@import "style.1.css";
@media only screen and (max-width: 1023px) {
  .marketing-page__bubble-scheme-row {
    padding: 0;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-page__bubble-scheme-row {
    margin-top: 0px;
  }
}

.marketing-page__bubble-scheme-pass {
  color: #a264ab;
  font-weight: bold;
}

.marketing-page__bubble-scheme-peak-logo {
  font-size: 28px;
  font-weight: 800;
}

.marketing-page__bubble-scheme-peak-icon {
  position: relative;
  top: -3px;
  left: 5px;
  color: #49a5e5;
  font-size: 30px;
  vertical-align: middle;
}

.marketing-page__important-list {
  max-width: 800px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.6;
}

.marketing-page__important-list li + li {
  padding-top: 20px;
}

.marketing-page__important-list span {
  color: #d93d58;
  font-weight: bold;
}

.marketing-page__price-table-wrapper {
  padding: 15px 0;
  margin: 0 -10px;
  border-top: 5px solid #A264AB;
  background-color: #FFFFFF;
}

.marketing-page__price-table {
  padding-bottom: 10px;
  font-size: 32px;
  line-height: 1;
}

.marketing-page__price-table-desc {
  font-size: 12px;
}

.marketing-page__input {
  margin-bottom: 15px;
}

.marketing-page__form-separator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 15px;
}

.marketing-page__half-input {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 48%;
  flex: 0 1 48%;
}

.marketing-page__demo-modal.ortho-button {
  padding: 10px 30px;
  margin: 10px 0 30px 0;
  font-size: 20px;
}

.marketing-page__demo-error {
  display: none;
  padding: 10px;
  background-color: rgba(198, 40, 40, 0.1);
  color: #8e0000;
}

.marketing-page__demo-error--show {
  display: block;
}

.marketing-page__send-request-title {
  padding-top: 50px;
  margin-bottom: 10px;
  font-size: 27px;
  font-weight: bold;
  text-align: center;
}

.marketing-page__send-request-text {
  font-size: 16px;
  margin-bottom: 50px;
  text-align: center;
}

.marketing-page__modal-content--success {
  display: none;
}

.marketing-page__modal-content--failure {
  display: none;
}

.marketing-page .marketing-page__simple-text {
  max-width: 800px;
  margin: 0 auto;
  text-align: left;
  line-height: 1.5;
}

.marketing-page .marketing-page__simple-text p {
  margin: 0 0 10px 0;
}

.marketing-page a.marketing-page__contacts-mail {
  display: block;
  font-size: 32px;
  color: #333333;
  border-bottom: 2px solid transparent;
  transition: border 0.2s ease;
}

.marketing-page a.marketing-page__contacts-mail:hover {
  text-decoration: none;
  border-bottom: 2px solid #333333;
}

@media only screen and (max-width: 599px) {
  .marketing-page a.marketing-page__contacts-mail {
    font-size: 20px;
  }
}

.marketing-study-plans {
  color: #333;
  font-size: 14px;
}

.marketing-study-plans__header {
  padding: 25px 0 30px 0;
  margin-bottom: 10px;
  background: linear-gradient(#F9F9F9 0%, #EAEAEA 100%);
  border: 1px solid #F3F3F3;
  text-align: center;
}

.marketing-study-plans__title {
  padding-bottom: 5px;
  font-family: 'Montserrat', sans-serif;
  font-size: 32px;
  font-weight: 800;
}

.marketing-study-plans__title-icon {
  width: 40px;
  vertical-align: middle;
  margin-right: 5px;
}

.marketing-study-plans__call-phrase {
  font-size: 18px;
}

.marketing-study-plans__note {
  padding-bottom: 35px;
  text-align: center;
  color: #878787;
  font-size: 13px;
}

.marketing-study-plans__note .marketing-study-plans__note-link {
  transition: color 0.2s ease;
  color: #7DA2DC;
  font-size: 13px;
  text-decoration: none;
}

.marketing-study-plans__note .marketing-study-plans__note-link:hover {
  color: #6482b1;
}

.marketing-study-plans__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 1px solid #F3F3F3;
  text-align: center;
}

.marketing-study-plans__tabs.marketing-study-plans__tabs--fix {
  padding: 0;
  list-style: none;
}

.marketing-study-plans__tab {
  margin: 0 5px;
  border-radius: 1px 1px 0 0;
}

.marketing-study-plans__tab-link {
  position: relative;
  display: inline-block;
  padding: 15px 25px 15px 50px;
  border: none;
  color: #009999;
  background-color: #F3F3F3;
  transition: color 0.2s ease, background-color 0.2s ease;
  font-size: 20px;
  cursor: pointer;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plans__tab-link {
    padding: 10px 15px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-study-plans__tab-link {
    padding: 10px 2px;
    font-size: 12px;
  }
}

.marketing-study-plans__tab-link:hover,
.marketing-study-plans__tab-link.active {
  color: #FFFFFF;
  background-color: #009999;
}

.marketing-study-plans__tab-link:hover:before,
.marketing-study-plans__tab-link.active:before {
  opacity: 0;
  visibility: hidden;
}

.marketing-study-plans__tab-link:hover:after,
.marketing-study-plans__tab-link.active:after {
  opacity: 1;
  visibility: visible;
}

.marketing-study-plans__tab-link:before {
  position: absolute;
  top: 15px;
  left: 20px;
  width: 22px;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  opacity: 1;
  visibility: visible;
}

.marketing-study-plans__tab-link:after {
  position: absolute;
  top: 15px;
  left: 20px;
  width: 22px;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  opacity: 0;
  visibility: hidden;
}

.marketing-study-plans__tab-link--resident:before {
  content: url('/ux-svg/marketing-page/resident-green.svg');
}

.marketing-study-plans__tab-link--resident:after {
  content: url('/ux-svg/marketing-page/resident-white.svg');
}

.marketing-study-plans__tab-link--annual:before {
  content: url('/ux-svg/marketing-page/annual-green.svg');
}

.marketing-study-plans__tab-link--annual:after {
  content: url('/ux-svg/marketing-page/annual-white.svg');
}

.marketing-study-plans__tab-link--moc:before {
  content: url('/ux-svg/marketing-page/moc-green.svg');
}

.marketing-study-plans__tab-link--moc:after {
  content: url('/ux-svg/marketing-page/moc-white.svg');
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plans__tab-link:before {
    content: '';
  }

  .marketing-study-plans__tab-link:after {
    content: '';
  }
}

.marketing-study-plans__tab-content {
  padding-top: 20px;
}

.marketing-study-plans__group-title {
  padding-bottom: 10px;
  font-size: 27px;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plans__group-title {
    font-size: 24px;
  }
}

.marketing-study-plans__group-description {
  padding-bottom: 35px;
  font-size: 16px;
  text-align: center;
}

.marketing-study-plans__plans {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding-bottom: 15px;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plans__plans {
    margin: 0;
  }
}

.marketing-study-plans__plan {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(33.3% - 20px);
  flex: 0 0 calc(33.3% - 20px);
  margin: 0 10px 20px 10px;
  border: 1px solid #EAEAEA;
  box-sizing: border-box;
  border-radius: 1px;
  color: #333;
  background-color: #F9F9F9;
  transition: box-shadow 0.2s ease;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plans__plan {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
  }
}

@media only screen and (max-width: 599px) {
  .marketing-study-plans__plan {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 20px);
    flex: 0 0 calc(100% - 20px);
  }
}

.marketing-study-plans__plan:hover {
  text-decoration: none;
  box-shadow: 0 0 5px 3px #85a8de;
}

.marketing-study-plans__plan-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 130px;
  background-color: #FFFFFF;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plans__plan-logo {
    height: 100px;
  }
}

.marketing-study-plans__plan-img {
  width: 60px;
  margin-right: 10px;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plans__plan-img {
    width: 45px;
  }
}

.marketing-study-plans__plan-title-main {
  font-size: 26px;
  font-weight: bold;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plans__plan-title-main {
    font-size: 22px;
  }
}

.marketing-study-plans__plan-title-main-item {
  display: inline-block;
  vertical-align: middle;
}

.marketing-study-plans__plan-title-main-item--small {
  font-size: 18px;
  line-height: 1;
}

.marketing-study-plans__plan-title-desc {
  font-size: 20px;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plans__plan-title-desc {
    font-size: 16px;
  }
}

.marketing-study-plans__plan-partnership {
  padding-top: 10px;
  font-size: 12px;
}

.marketing-study-plans__plan-partnership img {
  position: relative;
  top: -2px;
  height: 26px;
  margin-left: 5px;
  vertical-align: middle;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plans__plan-partnership img {
    height: 20px;
    margin-left: 0;
  }
}

.marketing-study-plans__plan-credits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px;
  color: #FFFFFF;
  font-size: 12px;
}

.marketing-study-plans__plan-credits--oite {
  outline: 1px solid #7CED00;
  background-color: #7CED00;
}

.marketing-study-plans__plan-credits--royal {
  outline: 1px solid #FF0D2E;
  background-color: #FF0D2E;
}

.marketing-study-plans__plan-credits--ebot {
  outline: 1px solid #00507B;
  background-color: #00507B;
}

.marketing-study-plans__plan-credits--abos {
  outline: 1px solid #1B2BA1;
  background-color: #1B2BA1;
}

.marketing-study-plans__plan-credits--cram {
  outline: 1px solid #FF9E00;
  background-color: #FF9E00;
}

.marketing-study-plans__plan-credits--pediatric {
  outline: 1px solid #00B4F4;
  background-color: #00B4F4;
}

.marketing-study-plans__plan-credits--shoulder {
  outline: 1px solid #3C5069;
  background-color: #3C5069;
}

.marketing-study-plans__plan-credits--hand {
  outline: 1px solid #7731CA;
  background-color: #7731CA;
}

.marketing-study-plans__plan-credits--core {
  outline: 1px solid #F36469;
  background-color: #F36469;
}

.marketing-study-plans__plan-credits--spine {
  outline: 1px solid #F2A768;
  background-color: #F2A768;
}

.marketing-study-plans__plan-credits--moc-hand {
  outline: 1px solid #8571E7;
  background-color: #8571E7;
}

.marketing-study-plans__plan-credits--sports {
  outline: 1px solid #E97C4A;
  background-color: #E97C4A;
}

.marketing-study-plans__plan-credits--peds {
  outline: 1px solid #31A3E9;
  background-color: #31A3E9;
}

.marketing-study-plans__plan-credits--trauma {
  outline: 1px solid #F2CC6A;
  background-color: #F2CC6A;
}

.marketing-study-plans__plan-credits--general {
  outline: 1px solid #5BBD66;
  background-color: #5BBD66;
}

.marketing-study-plans__plan-credits--recon {
  outline: 1px solid #608FDE;
  background-color: #608FDE;
}

.marketing-study-plans__plan-credit + .marketing-study-plans__plan-credit {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

.marketing-study-plans__plan-description {
  padding: 10px 15px;
  font-size: 14px;
}

.marketing-study-plans__colored--oite {
  color: #7CED00;
}

.marketing-study-plans__colored--royal {
  color: #FF0D2E;
}

.marketing-study-plans__colored--ebot {
  color: #00507B;
}

.marketing-study-plans__colored--abos {
  color: #1B2BA1;
}

.marketing-study-plans__colored--cram {
  color: #FF9E00;
}

.marketing-study-plans__colored--pediatric {
  color: #00B4F4;
}

.marketing-study-plans__colored--pediatric2 {
  color: #e90676;
}

.marketing-study-plans__colored--shoulder {
  color: #3C5069;
}

.marketing-study-plans__colored--shoulder2 {
  color: #C60304;
}

.marketing-study-plans__colored--hand {
  color: #7731CA;
}

.marketing-study-plans__colored--core {
  color: #F36469;
}

.marketing-study-plans__colored--spine {
  color: #F2A768;
}

.marketing-study-plans__colored--moc-hand {
  color: #8571E7;
}

.marketing-study-plans__colored--sports {
  color: #E97C4A;
}

.marketing-study-plans__colored--peds {
  color: #31A3E9;
}

.marketing-study-plans__colored--trauma {
  color: #F2CC6A;
}

.marketing-study-plans__colored--general {
  color: #5BBD66;
}

.marketing-study-plans__colored--recon {
  color: #608FDE;
}

.marketing-study-plans__table-icon {
  width: 40px;
  padding-bottom: 10px;
}

.marketing-study-plans__table-icon-name {
  font-size: 14px;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plans__table-icon-name {
    font-size: 12px;
  }
}

.marketing-study-plans__separator {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #E6E6E6;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plans__separator {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}

.marketing-study-plans__table-desc {
  padding-top: 20px;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plans__table-desc {
    padding: 20px 10px 0 10px;
  }
}

.marketing-study-plans__time-title {
  padding-bottom: 35px;
  text-align: center;
  font-weight: bold;
  font-size: 27px;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plans__time-title {
    padding-bottom: 15px;
    font-size: 24px;
  }
}

.marketing-study-plans__start-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 50px;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plans__start-time {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.marketing-study-plans__start-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 4%;
}

.marketing-study-plans__start-item-logo {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 20px;
}

.marketing-study-plans__start-item-title {
  padding-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plans__start-item-title {
    padding-bottom: 10px;
  }
}

.marketing-study-plans__start-item + .marketing-study-plans__start-item {
  border-left: 1px solid #E6E6E6;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plans__start-item + .marketing-study-plans__start-item {
    padding-top: 40px;
    border-left: none;
  }
}

.manage-hospital-app__header-controls {
  padding-bottom: 10px;
  text-align: right;
}

@media only screen and (max-width: 599px) {
  .manage-hospital-app__header-controls {
    padding-left: 10px;
    text-align: left;
  }
}

.event-connections-list-wrapper:first-child {
  border-top: 0;
}

.event-connections-list-wrapper {
  border-top: 1px solid #f3f3f3;
}

.event-connections-list-wrapper:last-child {
  margin-bottom: 30px;
}

.event-connections-list-wrapper .dashboardItem-breadcrumbs {
  margin-top: 0;
}

.event-connections-list-item {
  display: table;
  width: 100%;
  padding: 10px 0;
  transition: background-color 0.2s ease;
}

@media only screen and (max-width: 1023px) {
  .event-connections-list-item {
    display: block;
    padding: 20px 0;
  }
}

@media only screen and (max-width: 599px) {
  .event-connections-list-item {
    display: block;
    padding: 20px 0 10px 0;
  }
}

.event-connections-list-item--single:hover,
.event-connections-list-item--single:focus {
  text-decoration: none;
  background-color: #F9F9F9;
}

.event-connections-list-item--single .event-connections-list-item-data-title {
  padding-right: 120px;
}

@media only screen and (max-width: 599px) {
  .event-connections-list-item--single .event-connections-list-item-data-title {
    padding-right: 0;
  }
}

@media only screen and (max-width: 1023px) {
  .event-connections-list-item--multiply .event-connections-list-item-logo {
    display: block;
    float: left;
  }
}

@media only screen and (max-width: 1023px) {
  .event-connections-list-item--multiply .event-connections-list-item-data {
    display: block;
  }
}

.event-connections-list-item-logo {
  display: table-cell;
  width: 205px;
  min-width: 205px;
  vertical-align: top;
  padding: 0 15px 0 10px;
  position: relative;
}

@media only screen and (max-width: 599px) {
  .event-connections-list-item-logo {
    display: block;
    width: 100%;
    padding-right: 10px;
    margin-bottom: 15px;
  }
}

.event-connections-list-item-logo-img {
  height: 120px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.event-connections-list-item-logo .add-to-calendar {
  background-color: #7DA2DC;
  height: 25px;
  left: 10px;
  text-align: center;
  top: 0;
  padding-top: 6px;
  position: absolute;
  width: 25px;
  z-index: 100;
  border-radius: 1px;
}

.event-connections-list-item-logo .add-to-calendar i {
  color: #fff;
  font-size: 13px;
}

.event-connections-list-item-data {
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  .event-connections-list-item-data {
    padding-left: 10px;
  }
}

@media only screen and (max-width: 599px) {
  .event-connections-list-item-data {
    display: block;
  }
}

.event-connections-list-item-data-calendar {
  position: relative;
  padding-bottom: 10px;
  font-size: 14px;
  color: #bababa;
  text-transform: uppercase;
}

.event-connections-list-item-data-calendar.single-event div {
  padding: 0;
}

.event-connections-list-item-data-calendar.single-event div:first-child {
  color: #B6B6B6;
  padding: 0;
  text-transform: uppercase;
}

.event-connections-list-item-data-title {
  padding-bottom: 10px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}

.event-connections-list-item-data-title a {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.event-connections-list-item-data-info {
  font-size: 14px;
  color: #333333;
}

.event-connections-list-wrapper {
  position: relative;
}

.event-connections-list-event-upcoming-data {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

@media only screen and (max-width: 1023px) {
  .event-connections-list-event-upcoming-data {
    bottom: 20px;
  }
}

@media only screen and (max-width: 599px) {
  .event-connections-list-event-upcoming-data {
    position: static;
    padding-bottom: 20px;
    margin: 0 10px;
  }
}

.connected-event.in-connection {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-left-width: 5px;
}

.connected-event {
  width: 100%;
  display: table;
  table-layout: fixed;
  border-radius: 1px;
}

.connected-event-link {
  display: table-cell;
  transition: background-color 0.2s ease;
  vertical-align: top;
}

.connected-event-link:hover,
.connected-event-link:focus {
  background-color: #F9F9F9;
  text-decoration: none;
}

@media only screen and (max-width: 599px) {
  .connected-event-link {
    display: block;
  }
}

.connected-event-wrapper {
  width: 100%;
  display: table;
  table-layout: fixed;
}

.connected-event-register-to-event {
  display: table-cell;
  width: 111px;
  background-color: #7DA2DC;
  z-index: 1000;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  transition: background-color 0.2s ease;
  vertical-align: middle;
}

.connected-event-register-to-event:hover,
.connected-event-register-to-event:focus {
  background-color: #6A90CC;
  color: #fff;
  text-decoration: none;
}

@media only screen and (max-width: 599px) {
  .connected-event-register-to-event {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
  }
}

.connected-event-data {
  display: table-cell;
  padding: 8px 10px;
  color: #333;
  font-size: 14px;
  line-height: 20px;
}

.connected-event-data-title {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.connected-event-data-separator {
  position: relative;
  top: -1px;
  color: #E6E6E6;
}

.connected-event-upcoming {
  display: table-cell;
  vertical-align: top;
  width: 150px;
  padding-right: 10px;
  text-align: right;
}

@media only screen and (max-width: 599px) {
  .connected-event-upcoming {
    width: 110px;
  }
}

.connected-event-upcoming-state {
  padding-top: 10px;
}

.connected-event-upcoming-state--single-event {
  position: absolute;
  top: 0;
  right: 0;
}

.connected-event-upcoming-state .upcoming-label {
  display: inline-block;
  vertical-align: middle;
  background-color: #C1C1C1;
  border-radius: 3.5px;
  height: 7px;
  margin-right: 2px;
  width: 7px;
}

.connected-event-upcoming-state .upcoming-label.upcoming {
  background-color: #79c969;
}

.connected-event-upcoming-state .upcoming-label.live {
  background-color: #DD5F5F;
}

.connected-event-upcoming-state .upcoming-text {
  display: inline-block;
  vertical-align: middle;
  color: #B6B6B6;
  text-transform: none;
  font-size: 12px;
}

.connected-event-upcoming-days-left {
  color: #7DA2DC;
  font-size: 15px;
  font-weight: bold;
  margin-top: 8px;
  text-transform: uppercase;
}

.connected-event-upcoming-days-left--meeting {
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
}

@media only screen and (max-width: 599px) {
  .connected-event-upcoming-days-left {
    font-size: 12px;
  }
}

.connected-event-additional-attachments {
  display: table-cell;
  width: 110px;
  font-size: 0;
}

@media only screen and (max-width: 599px) {
  .connected-event-additional-attachments {
    width: 100%;
    display: block;
  }
}

@media only screen and (max-width: 599px) {
  .connected-event-additional-attachments-button {
    display: inline-block;
  }
}

.connected-event-additional-attachments .attachment-item {
  display: inline-block;
  height: 56px;
  width: 50%;
  padding-top: 8px;
  text-align: center;
  font-size: 14px;
  vertical-align: top;
  transition: outline 0.2s ease, background-color 0.2s ease;
  cursor: default;
}

@media only screen and (max-width: 599px) {
  .connected-event-additional-attachments .attachment-item {
    padding-top: 0;
    height: 40px;
    line-height: 40px;
  }
}

.connected-event-additional-attachments .attachment-item.active {
  cursor: pointer;
}

.connected-event-additional-attachments .attachment-item.active i {
  top: 0px;
}

@media only screen and (max-width: 599px) {
  .connected-event-additional-attachments .attachment-item.active i {
    top: 2px;
  }
}

.connected-event-additional-attachments .attachment-item.case {
  background-color: #EAEAEA;
  outline: 1px solid #EAEAEA;
  color: #C6C6C6;
  border-radius: 0 1px 1px 0;
}

.connected-event-additional-attachments .attachment-item.case.active {
  background-color: #FD6C6A;
  outline: 1px solid #FD6C6A;
  color: #fff;
}

.connected-event-additional-attachments .attachment-item.case.active:hover,
.connected-event-additional-attachments .attachment-item.case.active:focus {
  background-color: #ea6563;
  outline: 1px solid #ea6563;
  text-decoration: none;
}

.connected-event-additional-attachments .attachment-item.video {
  background-color: #F3F3F3;
  outline: 1px solid #F3F3F3;
  color: #C6C6C6;
  z-index: 10;
}

.connected-event-additional-attachments .attachment-item.video.active {
  background-color: #F5A868;
  outline: 1px solid #F5A868;
  color: #fff;
}

.connected-event-additional-attachments .attachment-item.video.active:hover,
.connected-event-additional-attachments .attachment-item.video.active:focus {
  background-color: #e69d60;
  outline: 1px solid #e69d60;
  text-decoration: none;
}

.connected-event-additional-attachments .attachment-item i {
  position: relative;
  top: 10px;
  font-size: 18px;
  height: 26px;
}

@media only screen and (max-width: 599px) {
  .connected-event-additional-attachments .attachment-item i {
    top: 2px;
    margin-right: 5px;
  }
}

.connected-event + .connected-event {
  margin-top: 10px;
}

.connected-event.upcoming {
  border-color: #7DA2DC;
}

#event-connection-edit .event-connection-data {
  margin-top: 20px;
  margin-bottom: 50px;
}

#event-connection-edit .event-connection-data .event-connection-logo {
  margin: 20px 0;
}

#event-connection-edit .event-connection-data .event-connection-logo label {
  margin-bottom: 10px;
}

#event-connection-edit .event-connection-data .event-connection-logo img {
  background-size: cover;
  height: 60px;
  width: auto;
}

#event-connection-edit .event-connection-data .event-connection-logo a {
  color: #484848;
  text-decoration: none;
}

#event-connection-edit .event-connection-data .event-connection-logo input {
  margin-top: 10px;
}

#event-connection-edit .event-connection-data .search-container {
  position: relative;
}

#event-connection-edit .event-connection-data .search-container .events-search-dropdown {
  border: 1px solid #aaa;
  -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  display: none;
  max-height: 270px;
  overflow-y: auto;
  position: absolute;
  top: 51px;
  z-index: 10;
  width: 100%;
}

#event-connection-edit .event-connection-data .search-container .events-search-dropdown-item {
  background-color: #fff;
  cursor: pointer;
  font-size: 15px;
  padding: 6px;
}

#event-connection-edit .event-connection-data .search-container .events-search-dropdown-item:hover {
  background-color: #3875d7;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0);
  background-image: linear-gradient(top, #3875d7 20%, #2a62bc 90%);
  color: #fff;
}

#event-connection-edit .event-connection-data .search-container .events-search-dropdown-item.no-results {
  display: none;
}

#event-connection-edit .event-connection-data .search-container .events-search-dropdown-item.no-results:hover {
  background-color: #fff;
  -webkit-filter: none;
  filter: none;
  background-image: none;
  color: #333;
}

#event-connection-edit .connected-events {
  margin-bottom: 60px;
}

#event-connection-edit .connected-events .info {
  opacity: 0.8;
}

#event-connection-edit .connected-events .connected-event-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#event-connection-edit .connected-events .connected-event-item .connected-event {
  cursor: pointer;
  margin-left: 20px;
  width: 100%;
}

#event-connection-edit .connected-events .connected-event-item .connected-event a,
#event-connection-edit .connected-events .connected-event-item .connected-event a:hover {
  color: #333;
  text-decoration: none;
}

#event-connection-edit .connected-events-item + .connected-events-item {
  margin-top: 10px;
}

.marketing-study-plan {
  padding-top: 20px;
  color: #333333;
}

.marketing-study-plan__pre-header {
  padding: 9px;
  margin-bottom: 20px;
  background-color: #F9F9F9;
  border: 1px solid #EAEAEA;
  border-radius: 1px;
  text-align: center;
}

.marketing-study-plan__pre-header-text {
  padding-bottom: 5px;
  color: #878787;
  font-size: 13px;
}

.marketing-study-plan__pre-header-main {
  font-size: 16px;
}

.marketing-study-plan__pre-header-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  line-height: 20px;
  box-sizing: border-box;
  border-radius: 100%;
  color: #FFFFFF;
  background-color: #7DA2DC;
  font-size: 14px;
}

.marketing-study-plan__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 25px 30px;
  margin-bottom: 35px;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__header {
    padding: 25px 15px;
  }
}

.marketing-study-plan__header--moc-recon {
  background: linear-gradient(#75A0E9, #4F84DD);
}

.marketing-study-plan__header--moc-spine {
  background: linear-gradient(#F2A768, #B26524);
}

.marketing-study-plan__header--moc-hand {
  background: linear-gradient(#8571E7, #5944C1);
}

.marketing-study-plan__header--moc-sports {
  background: linear-gradient(#E97C4A, #B05025);
}

.marketing-study-plan__header--moc-peds {
  background: linear-gradient(#31A3E9, #217BB3);
}

.marketing-study-plan__header--moc-trauma {
  background: linear-gradient(#F2CC6A, #BC942D);
}

.marketing-study-plan__header--moc-general {
  background: linear-gradient(#5BBD66, #21802C);
}

.marketing-study-plan__header--moc-general-recon {
  background: linear-gradient(134.99deg, #608FDE 0%, #5BBD66 100%);
}

.marketing-study-plan__header--annual-pediatric {
  background: linear-gradient(#00B4F4, #0094C9);
}

.marketing-study-plan__header--annual-shoulder {
  background: linear-gradient(#8099BD, #3E4F68);
}

.marketing-study-plan__header--annual-core {
  background: linear-gradient(#F36469, #C53A3F);
}

.marketing-study-plan__header--annual-hand {
  background: linear-gradient(135deg, #885EB9, #3E2857);
}

.marketing-study-plan__header-left {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  color: #FFFFFF;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__header-left {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}

.marketing-study-plan__header-right {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 2px;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__header-right {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-top: 20px;
  }
}

.marketing-study-plan__header-certification {
  position: absolute;
  top: 0;
  left: 0;
  color: #FFFFFF;
  transition: color 0.2s ease;
}

.marketing-study-plan__header-certification:hover {
  text-decoration: none;
  color: #f0f0f0;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__header-certification {
    position: relative;
  }
}

.marketing-study-plan__certification-text {
  font-size: 14px;
  vertical-align: middle;
}

.marketing-study-plan__icon-certification {
  vertical-align: middle;
  font-size: 18px;
}

.marketing-study-plan__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
  padding-left: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__name {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
  }
}

.marketing-study-plan__name--annual {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 30px;
  padding-top: 30px;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__name--annual {
    padding-left: 0px;
  }
}

.marketing-study-plan__name--annual .marketing-study-plan__name-logo {
  position: relative;
  top: -5px;
  height: 80px;
}

.marketing-study-plan__name-text {
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.35);
}

.marketing-study-plan__name-logo {
  height: 100px;
  margin-right: 15px;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__name-logo {
    height: 60px;
  }
}

.marketing-study-plan__name-study-plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 42px;
  line-height: 1;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__name-study-plan {
    font-size: 24px;
  }
}

.marketing-study-plan__name-period {
  font-size: 32px;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__name-period {
    font-size: 20px;
  }
}

.marketing-study-plan__partnership-logo {
  max-height: 40px;
  margin-left: 10px;
  vertical-align: middle;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__partnership-logo {
    max-height: 25px;
    margin-top: 5px;
    margin-left: 0;
  }
}

.marketing-study-plan__name-partnership {
  padding-top: 5px;
  text-shadow: none;
}

.marketing-study-plan__study-plan-date {
  padding-right: 15px;
}

.marketing-study-plan__study-plan-date--general-recon {
  font-size: 56px;
}

.marketing-study-plan__study-plan-type--general-recon {
  font-size: 32px;
}

.marketing-study-plan__header-chairs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 20px;
  padding-left: 15px;
  font-size: 14px;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__header-chairs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__header-chairs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.marketing-study-plan__header-chairs-person {
  max-width: 30%;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__header-chairs-person {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}

.marketing-study-plan__header-chairs-person + .marketing-study-plan__header-chairs-person {
  position: relative;
  box-sizing: border-box;
  padding-left: 15px;
  margin-left: 15px;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__header-chairs-person + .marketing-study-plan__header-chairs-person {
    padding-left: 10px;
    margin-left: 10px;
    -ms-flex-preferred-size: calc(50% - 10px);
    flex-basis: calc(50% - 10px);
  }
}

.marketing-study-plan__header-chairs-person + .marketing-study-plan__header-chairs-person:before {
  content: '';
  position: absolute;
  left: 0;
  top: 10%;
  bottom: 10%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.5);
}

.marketing-study-plan__header-chairs-title {
  padding-right: 15px;
  box-sizing: border-box;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__header-chairs-title {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-bottom: 5px;
  }
}

.marketing-study-plan__header-chairs-practice {
  color: rgba(255, 255, 255, 0.7);
}

.marketing-study-plan__header-text {
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 1.5;
}

.marketing-study-plan__buttons-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 25px 15px 15px 15px;
  margin-top: 15px;
  border-left: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-radius: 2px;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__buttons-block {
    display: inline-block;
  }
}

.marketing-study-plan__buttons-paypal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.marketing-study-plan__buttons-paypal:before {
  content: '';
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 10px;
  flex: 0 0 10px;
  height: 1px;
  background-color: #FFFFFF;
}

.marketing-study-plan__buttons-paypal:after {
  content: '';
  display: inline-block;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  height: 1px;
  background-color: #FFFFFF;
}

.marketing-study-plan__buttons-paypal-logo {
  position: relative;
  top: -14px;
  display: inline-block;
  padding: 0 5px;
  height: 25px;
}

.marketing-study-plan__ortho-button.marketing-study-plan__ortho-button {
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__ortho-button.marketing-study-plan__ortho-button {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__ortho-button + .marketing-study-plan__ortho-button {
    margin: 0 5px;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__ortho-button + .marketing-study-plan__ortho-button {
    margin: 10px 0 0 0;
  }
}

.marketing-study-plan__ortho-button--moc-recon {
  background-color: #608FDE;
}

.marketing-study-plan__ortho-button--moc-recon:hover {
  background-color: #557fc5;
}

.marketing-study-plan__ortho-button--moc-spine {
  background-color: #F2A768;
}

.marketing-study-plan__ortho-button--moc-spine:hover {
  background-color: #dc985f;
}

.marketing-study-plan__ortho-button--moc-hand {
  background-color: #8571E7;
}

.marketing-study-plan__ortho-button--moc-hand:hover {
  background-color: #6c5bbf;
}

.marketing-study-plan__ortho-button--moc-sports {
  background-color: #E97C4A;
}

.marketing-study-plan__ortho-button--moc-sports:hover {
  background-color: #d06f42;
}

.marketing-study-plan__ortho-button--moc-peds {
  background-color: #31A3E9;
}

.marketing-study-plan__ortho-button--moc-peds:hover {
  background-color: #2c95d6;
}

.marketing-study-plan__ortho-button--moc-trauma {
  background-color: #F2CC6A;
}

.marketing-study-plan__ortho-button--moc-trauma:hover {
  background-color: #d6b45c;
}

.marketing-study-plan__ortho-button--moc-general {
  background-color: #5BBD66;
}

.marketing-study-plan__ortho-button--moc-general:hover {
  background-color: #4ea458;
}

.marketing-study-plan__ortho-button--annual-pediatric {
  background-color: #E80073;
}

.marketing-study-plan__ortho-button--annual-pediatric:hover {
  background-color: #ca0064;
}

.marketing-study-plan__ortho-button--annual-shoulder {
  background-color: #C60304;
}

.marketing-study-plan__ortho-button--annual-shoulder:hover {
  background-color: #a90203;
}

.marketing-study-plan__ortho-button--annual-core {
  background-color: #F36469;
}

.marketing-study-plan__ortho-button--annual-core:hover {
  background-color: #d4575c;
}

.marketing-study-plan__ortho-button--annual-hand {
  background-color: #7731CA;
}

.marketing-study-plan__ortho-button--annual-hand:hover {
  background-color: #682ab1;
}

.marketing-study-plan__ortho-button--moc-without {
  background-color: #557CB8;
}

.marketing-study-plan__ortho-button--moc-without:hover {
  background-color: #446393;
}

.marketing-study-plan__note {
  padding-bottom: 35px;
  text-align: center;
  font-size: 16px;
}

.marketing-study-plan__section {
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

.marketing-study-plan__section:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  margin-top: 50px;
  height: 1px;
  width: 800px;
  background-color: #E6E6E6;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__section:after {
    width: 100%;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__section:after {
    width: 80%;
  }
}

.marketing-study-plan__section--without-line:after {
  content: none;
}

.marketing-study-plan__section--container {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__section--container {
    width: 100%;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__section--container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.marketing-study-plan__section-title {
  padding-bottom: 20px;
  font-size: 27px;
  font-weight: bold;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__section-title {
    font-size: 24px;
  }
}

.marketing-study-plan__section-second-title {
  padding-bottom: 35px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
}

.marketing-study-plan__adaptive-calendar {
  position: relative;
  text-align: center;
}

.marketing-study-plan__adaptive-calendar-img {
  width: 70%;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__adaptive-calendar-img {
    width: 65%;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__adaptive-calendar-img {
    width: 90%;
  }
}

.marketing-study-plan__adaptive-calendar-text {
  position: absolute;
  max-width: 12%;
  font-size: 14px;
  text-align: left;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__adaptive-calendar-text {
    max-width: 14%;
    font-size: 1.4vw;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__adaptive-calendar-text {
    position: relative;
    max-width: 100%;
    padding: 0 10px 0 60px;
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__adaptive-calendar-text:before {
    content: "\e911";
    position: absolute;
    top: 0px;
    left: 15px;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: #FFFFFF;
    text-align: center;
    line-height: 30px;
    font-family: "icomoon";
    font-size: 12px;
  }
}

.marketing-study-plan__adaptive-calendar-text--1 {
  top: 9%;
  left: 7%;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__adaptive-calendar-text--1 {
    top: 7%;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__adaptive-calendar-text--1 {
    top: 0;
    left: 0;
  }
}

.marketing-study-plan__adaptive-calendar-text--2 {
  top: 40%;
  left: 7%;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__adaptive-calendar-text--2 {
    top: 39%;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__adaptive-calendar-text--2 {
    top: 0;
    left: 0;
  }
}

.marketing-study-plan__adaptive-calendar-text--3 {
  top: 35%;
  right: 4%;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__adaptive-calendar-text--3 {
    top: 34%;
    right: 4%;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__adaptive-calendar-text--3 {
    top: 0;
    left: 0;
  }
}

.marketing-study-plan__adaptive-calendar-text--4 {
  top: 56.5%;
  right: 4%;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__adaptive-calendar-text--4 {
    top: 55%;
    right: 4%;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__adaptive-calendar-text--4 {
    top: 0;
    left: 0;
  }
}

.marketing-study-plan__chairs-title {
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.marketing-study-plan__chairs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.marketing-study-plan__chair {
  position: relative;
  padding: 0 40px;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__chair {
    padding: 0 15px;
  }
}

.marketing-study-plan__chair + .marketing-study-plan__chair:before {
  content: '';
  width: 1px;
  height: 50%;
  position: absolute;
  top: 25%;
  left: 0;
  background-color: #C6C6C6;
}

.marketing-study-plan__chair-name {
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}

.marketing-study-plan__chair-practice {
  max-width: 130px;
  margin: 0 auto;
  color: #878787;
  font-size: 14px;
}

.marketing-study-plan__chair-photo {
  max-width: 80px;
  margin-bottom: 15px;
}

.marketing-study-plan__app-img-wrapper {
  padding-bottom: 40px;
  text-align: center;
}

.marketing-study-plan__app-img {
  display: inline-block;
  max-width: 470px;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__app-img {
    width: 90%;
  }
}

.marketing-study-plan__apps {
  text-align: center;
}

.marketing-study-plan__app-logo {
  height: 35px;
}

.marketing-study-plan__app {
  display: inline-block;
  padding: 0 5px;
  text-decoration: none;
}

.marketing-study-plan__buy-blocks {
  padding-top: 20px;
  text-align: center;
}

.marketing-study-plan__buy {
  display: inline-block;
  width: 350px;
  margin: 10px;
  border: 1px solid #EAEAEA;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__buy {
    width: 100%;
    margin: 0;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__buy + .marketing-study-plan__buy {
    margin-top: 15px;
  }
}

.marketing-study-plan__buy-wrapper {
  display: inline-block;
  vertical-align: top;
}

.marketing-study-plan__buy-peak {
  padding: 15px;
  background-color: #F9F9F9;
  color: #878787;
  text-align: center;
}

.marketing-study-plan__buy-peak-text {
  color: #009CDE;
}

.marketing-study-plan__buy-info {
  padding: 20px 15px 15px 15px;
  text-align: center;
}

.marketing-study-plan__buy-type {
  padding-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
}

.marketing-study-plan__buy-text {
  min-height: 36px;
  padding-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
}

.marketing-study-plan__buy-note {
  width: 350px;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 13px;
  color: #878787;
  text-align: left;
}

@media only screen and (max-width: 1023px) {
  .marketing-study-plan__buy-note {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan__buy-note {
    width: 100%;
    padding: 5px 0 30px 0;
  }
}

.marketing-study-plan__testimonial-name {
  text-align: right;
  color: #878787;
  font-style: italic;
}

.marketing-study-plan__testimonial-text {
  position: relative;
  padding-bottom: 15px;
  line-height: 1.5;
}

.marketing-study-plan p {
  line-height: 1.5;
}

.marketing-study-plan p a {
  color: #7DA2DC;
  text-decoration: none;
}

.marketing-study-plan p a:hover {
  color: #6d8cbe;
}

.marketing-study-plan ul {
  line-height: 1.5;
}

.marketing-study-plan ul a {
  color: #7DA2DC;
  text-decoration: none;
}

.marketing-study-plan ul a:hover {
  color: #6d8cbe;
}

.marketing-study-plan--moc-recon .marketing-study-plan__styled-list li:before {
  background-color: #608FDE;
}

.marketing-study-plan--moc-recon .marketing-study-plan__adaptive-calendar-text:before {
  background-color: #608FDE;
}

.marketing-study-plan--moc-spine .marketing-study-plan__styled-list li:before {
  background-color: #F2A768;
}

.marketing-study-plan--moc-spine .marketing-study-plan__adaptive-calendar-text:before {
  background-color: #F2A768;
}

.marketing-study-plan--moc-hand .marketing-study-plan__styled-list li:before {
  background-color: #8571E7;
}

.marketing-study-plan--moc-hand .marketing-study-plan__adaptive-calendar-text:before {
  background-color: #8571E7;
}

.marketing-study-plan--moc-sports .marketing-study-plan__styled-list li:before {
  background-color: #E97C4A;
}

.marketing-study-plan--moc-sports .marketing-study-plan__adaptive-calendar-text:before {
  background-color: #E97C4A;
}

.marketing-study-plan--moc-peds .marketing-study-plan__styled-list li:before {
  background-color: #31A3E9;
}

.marketing-study-plan--moc-peds .marketing-study-plan__adaptive-calendar-text:before {
  background-color: #31A3E9;
}

.marketing-study-plan--moc-trauma .marketing-study-plan__styled-list li:before {
  background-color: #F2CC6A;
}

.marketing-study-plan--moc-trauma .marketing-study-plan__adaptive-calendar-text:before {
  background-color: #F2CC6A;
}

.marketing-study-plan--moc-general .marketing-study-plan__styled-list li:before {
  background-color: #5BBD66;
}

.marketing-study-plan--moc-general .marketing-study-plan__adaptive-calendar-text:before {
  background-color: #5BBD66;
}

.marketing-study-plan--annual-pediatric .marketing-study-plan__styled-list li:before {
  background-color: #E80073;
}

.marketing-study-plan--annual-pediatric .marketing-study-plan__adaptive-calendar-text:before {
  background-color: #E80073;
}

.marketing-study-plan--annual-shoulder .marketing-study-plan__styled-list li:before {
  background-color: #C60304;
}

.marketing-study-plan--annual-shoulder .marketing-study-plan__adaptive-calendar-text:before {
  background-color: #C60304;
}

.marketing-study-plan--annual-core .marketing-study-plan__styled-list li:before {
  background-color: #F36469;
}

.marketing-study-plan--annual-core .marketing-study-plan__adaptive-calendar-text:before {
  background-color: #F36469;
}

.marketing-study-plan--annual-hand .marketing-study-plan__styled-list li:before {
  background-color: #7731CA;
}

.marketing-study-plan--annual-hand .marketing-study-plan__adaptive-calendar-text:before {
  background-color: #7731CA;
}

.marketing-study-plan .marketing-study-plans__plan-logo {
  height: 100px;
}

.marketing-study-plan .marketing-study-plans__plan-logo--annual {
  padding: 30px 0 20px 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.marketing-study-plan .marketing-study-plans__plan-logo--annual .marketing-study-plans__plan-title {
  text-align: left;
}

.marketing-study-plan .marketing-study-plans__plan-logo--annual .marketing-study-plans__plan-img {
  position: relative;
  top: -5px;
}

.marketing-study-plan .marketing-page__price-old {
  text-align: left;
}

.marketing-study-plan .marketing-page__price {
  padding-bottom: 20px;
}

.marketing-study-plan .marketing-page__ortho-button {
  width: 100%;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan .marketing-page__ortho-button {
    padding: 0 10px;
    font-size: 12px;
  }
}

.marketing-study-plan .marketing-study-plan__section p {
  margin: 10px auto;
}

.marketing-study-plan .marketing-study-plan__section ul {
  margin: 10px auto;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan .marketing-study-plan__section ul {
    padding: 0 15px 0 20px;
  }
}

.marketing-study-plan ul.marketing-study-plan__styled-list {
  width: 50%;
  min-width: 500px;
  margin: 0 auto;
  box-sizing: border-box;
  list-style: none;
  text-align: left;
  line-height: 1.5;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan ul.marketing-study-plan__styled-list {
    width: auto;
    min-width: auto;
    padding-left: 60px;
    padding-right: 10px;
  }
}

.marketing-study-plan ul.marketing-study-plan__styled-list li {
  position: relative;
}

.marketing-study-plan ul.marketing-study-plan__styled-list li:before {
  content: "\e911";
  position: absolute;
  top: -2px;
  left: -45px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  color: #FFFFFF;
  text-align: center;
  line-height: 30px;
  font-family: "icomoon";
  font-size: 12px;
}

.marketing-study-plan ul.marketing-study-plan__styled-list li + li {
  margin-top: 20px;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan .marketing-page__paypal {
    max-width: 60px;
  }
}

.marketing-study-plan .ortho-slider {
  position: relative;
}

.marketing-study-plan .ortho-slider__control {
  position: absolute;
  top: 50px;
  z-index: 1;
  border: none;
  background-color: transparent;
  color: #c0c0c0;
  font-size: 26px;
  text-align: center;
  cursor: pointer;
  transition: color 0.2s ease;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan .ortho-slider__control {
    display: none;
  }
}

.marketing-study-plan .ortho-slider__control:hover,
.marketing-study-plan .ortho-slider__control:focus {
  outline: none;
  color: #a0a0a0;
}

.marketing-study-plan .ortho-slider__control--prev {
  left: -70px;
}

.marketing-study-plan .ortho-slider__control--next {
  right: -70px;
}

.marketing-study-plan .ortho-slider__slide {
  position: relative;
  min-height: 120px;
}

.marketing-study-plan .ortho-slider__slide:before {
  content: "\“";
  position: absolute;
  top: -65px;
  left: -60px;
  color: #f3f3f3;
  font-size: 250px;
  font-style: italic;
  line-height: 1;
  z-index: 0;
}

@media only screen and (max-width: 599px) {
  .marketing-study-plan .ortho-slider__slide:before {
    top: -40px;
    left: -40px;
    font-size: 190px;
  }
}

@media only screen and (min-width: 0px) {
  html {
    font-family: "mobile";
  }
}

@media only screen and (min-width: 600px) {
  html {
    font-family: "tablet";
  }
}

@media only screen and (min-width: 1024px) {
  html {
    font-family: "desktop";
  }
}

@media only screen and (min-width: 1300px) {
  html {
    font-family: "desktop-wide";
  }
}

html,
body,
#aspnetForm {
  height: 100%;
}

body {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  -webkit-text-size-adjust: 100%;
  background: #f4f4f4;
}

@media only screen and (min-width: 600px) and (max-width: 1130px) {
  body .mainWrapper {
    box-sizing: border-box;
  }

  body .hide-sideMenu .mainWrapper {
    padding-left: 15px;
  }

  body .hide-notes .mainWrapper {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
  body .mainWrapper.show-sideMenu {
    padding-left: 0;
  }
}

body iframe .pageWrapper .mainWrapper {
  background-color: red;
}

body.presentation .mainHeader,
body.topic .mainHeader {
  position: fixed;
  width: 100%;
  z-index: 3;
}

body.presentation .mainHeader .center,
body.topic .mainHeader .center {
  max-width: 90%;
}

body.presentation .mainWrapper,
body.topic .mainWrapper {
  padding-top: 77px;
  max-width: 90%;
}

body.presentation .mainWrapper .collapseMenuBtn,
body.topic .mainWrapper .collapseMenuBtn {
  display: none;
}

body.presentation .sideNavigation,
body.topic .sideNavigation {
  display: none;
}

body.presentation main,
body.topic main {
  margin-left: 0 !important;
}

body.presentation .presentationMenu {
  display: block;
  padding-top: 77px;
}

.pageWrapper {
  min-height: 100%;
  box-sizing: border-box;
  padding-bottom: 481px;
  padding-top: 76px;
}

@media only screen and (max-width: 599px) {
  .pageWrapper {
    padding-bottom: 621px;
  }
}

.pageWrapper.no-header {
  padding-top: 0px;
}

.pageWrapper.no-footer {
  padding-bottom: 0px;
}

.homeFooter.fluid {
  min-height: 390px;
  margin-top: -390px;
}

@media only screen and (max-width: 599px) {
  .homeFooter.fluid {
    height: initial;
    min-height: 621px;
    margin-top: -621px;
  }
}

.center {
  max-width: 1130px;
  width: 100%;
  margin: 0 auto;
}

.stickMenu .collapseMenuBtn {
  top: 32px;
  position: fixed;
}

@media only screen and (min-width: 600px) {
  .stickMenu .collapseMenuBtn {
    transition: top 0.3s ease-out;
  }
}

.stickMenu .topNavigation .search-link {
  display: block;
  background-color: #3E6198;
}

.stickMenu .topNavigation .search-link:hover {
  background-color: #102654;
}

.stickMenu.full .collapseMenuBtn {
  top: 76px;
  transition: top 0.3s ease-out;
}

.stickMenu.full .topNavigation .search-link {
  display: none;
}

.collapseMenuWrapper {
  position: absolute;
  left: -40px;
  top: 0;
}

@media only screen and (max-width: 599px) {
  .collapseMenuWrapper {
    left: 0;
  }
}

.collapseMenuBtn {
  z-index: 10;
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  background: #ececec;
}

@media only screen and (max-width: 599px) {
  .collapseMenuBtn {
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.collapseMenuBtn i {
  line-height: 40px;
  color: #948e8e;
}

.collapseMenuBtn .icon-arrow-prev-round {
  float: left;
  padding-left: 5px;
}

.collapseMenuBtn .icon-dots {
  float: right;
  padding-right: 10px;
  font-size: 20px;
}

@media only screen and (min-width: 600px) {
  .hide-sideMenu .mainCategoryHeader,
  .hide-sideMenu .spacer {
    width: 0;
    overflow: hidden;
  }

  .hide-sideMenu .collapseMenuWrapper {
    left: -20px;
  }

  .hide-sideMenu .collapseMenuBtn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }

  .hide-sideMenu .collapseMenuBtn .icon-arrow-prev-round {
    float: right;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .hide-sideMenu .collapseMenuBtn .icon-dots {
    float: left;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}

.sideNavigation {
  position: fixed;
  top: 76px;
  bottom: 0;
  width: 200px;
  transition: width 0.3s ease-out;
  overflow: hidden;
}

.sideNavigation.footered {
  bottom: 481px;
}

.sideNavigation nav {
  position: absolute;
  overflow-y: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
}

.sideNavigation .collapseMenuBtn {
  display: none;
}

.examReviewPageWrapper {
  position: relative;
}

main {
  position: relative;
  padding: 0 20px;
  background: white;
  min-height: 80vh;
  transition: margin 0.3s ease-out;
}

@media only screen and (min-width: 1024px) {
  main {
    min-height: 800px;
  }
}

@media only screen and (max-width: 599px) {
  main {
    padding: 3px 0 0 0;
  }
}

main.hasMenu {
  margin-left: 200px;
  z-index: 11;
}

main.hasNotes {
  margin-right: 170px;
}

.pageWrapper.stickMenu .mainHeader {
  position: fixed;
}

@media only screen and (min-width: 600px) {
  .pageWrapper.stickMenu .sideNavigation {
    position: fixed;
    top: 32px;
    bottom: 0;
    transition: top 0.3s ease-out, width 0.3s ease-out;
  }

  .pageWrapper.stickMenu .sideNavigation.footered {
    bottom: 481px;
  }
}

.pageWrapper.stickMenu.full .sideNavigation {
  top: 76px;
}

.commonProgress {
  padding: 5px 0;
}

@media only screen and (max-width: 599px) {
  .commonProgress {
    text-align: center;
  }

  .commonProgress .selfProgressItem {
    margin-right: 20px;
  }

  .commonProgress .selfProgressItem .radial {
    width: 52px;
    height: 52px;
  }

  .commonProgress .selfProgressItem .radial .circle .mask {
    width: 52px;
    height: 52px;
    clip: rect(0px, 52px, 52px, 26px);
  }

  .commonProgress .selfProgressItem .radial .circle .mask .fill {
    width: 52px;
    height: 52px;
    clip: rect(0px, 26px, 52px, 0px);
  }

  .commonProgress .selfProgressItem .radial .inset {
    width: 48px;
    height: 48px;
  }

  .commonProgress .selfProgressItem .radial .inset .percentage {
    width: 45px;
    top: 15px;
    font-size: 14px;
  }

  .mainWrapper .sideNavigation .mainCategoryHeader {
    margin-top: 40px;
  }

  .mainWrapper .sideNavigation nav > ul {
    margin-top: 93px;
  }
}

.mainHeader {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 15;
}

.mainHeader .hamburgerMenuBtn {
  float: left;
  display: block;
  width: 20px;
  padding: 5px 10px 5px 0;
}

.mainHeader .hamburgerMenuBtn:hover p {
  background: #888888;
}

.mainHeader .hamburgerMenuBtn p {
  height: 4px;
  margin: 5px 0;
  background: #5e5e5e;
}

.mainHeader-top {
  padding: 0 10px;
  background: white;
  text-align: center;
}

.mainHeader-top .center {
  position: relative;
  clear: both;
}

.mainHeader-top .center:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

@media only screen and (max-width: 599px) {
  .mainHeader-top {
    padding: 0 0 0 3px;
  }
}

.mainHeader .logo {
  float: left;
  padding: 7px 0 0 0;
  text-decoration: none;
  vertical-align: top;
  /*@media (max-width: 500px) {
      margin-right: 20px;
    }*/
}

.mainHeader .logo .icon-mobile-logo {
  display: none;
}

.mainHeader .logo img {
  height: 30px;
}

@media (max-width: 767px) {
  .mainHeader .logo img,
  .mainHeader .logo .transparent {
    display: none;
  }

  .mainHeader .logo .icon-mobile-logo {
    display: inline-block;
    float: left;
    margin-right: 6px;
  }
}

.mainHeader .searchWrapper {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.mainHeader .searchWrapper i.icon-search {
  position: absolute;
  left: 5px;
  top: 12px;
  font-size: 18px;
  color: #395685;
}

.mainHeader .mainSearchResults {
  position: absolute;
  z-index: 99;
  display: none;
  width: 150%;
  border: 1px solid #ececec;
  text-align: left;
  background: white;
}

.mainHeader .mainSearchResults a {
  display: block;
  font-size: 14px;
  color: black;
  padding: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  text-decoration: none;
}

.mainHeader .mainSearchResults a:hover {
  text-decoration: underline;
}

.mainHeader .search {
  height: 34px;
  line-height: 30px;
  width: 280px;
  margin: 5px 0;
  padding: 0 0 0 30px;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  color: black;
  border-radius: 2px;
  border: 1px solid #ececec;
  outline: none;
  -webkit-appearance: none;
}

.mainHeader .search::-webkit-input-placeholder {
  text-align: center;
  font-style: normal;
}

.mainHeader .search:-moz-placeholder {
  text-align: center;
  font-style: normal;
}

.mainHeader .search::-moz-placeholder {
  text-align: center;
  font-style: normal;
}

.mainHeader .search:-ms-input-placeholder {
  text-align: center;
  font-style: normal;
}

@media only screen and (max-width: 599px) {
  .mainHeader .search {
    width: auto;
  }
}

@media only screen and (max-width: 1023px) {
  .mainHeader .search {
    width: auto;
  }
}

@media only screen and (max-width: 599px) {
  .mainHeader .searchWithoutLogin {
    width: calc(100% - 200px);
  }
}

@media only screen and (max-width: 599px) {
  .mainHeader .searchWithoutLogin .search {
    width: 100%;
  }
}

.mainHeader .profile {
  float: right;
}

.mainHeader .profile a:hover {
  background: #fafafa;
}

.mainHeader .notes-day {
  position: absolute;
  top: 3px;
  left: 18px;
  font-size: 9px;
  font-family: 'Open Sans', sans-serif;
}

.mainHeader .notes {
  position: relative;
  float: left;
}

.mainHeader .notes-link {
  display: block;
  height: 44px;
  padding: 0 14px;
  color: #8d8d8d;
  text-decoration: none;
}

.mainHeader .notes-link:hover .icon {
  color: #14b287;
}

.mainHeader .notes .bookmarksNotesCount {
  position: absolute;
  top: 6px;
  left: 41px;
  font: 14px 'Open Sans', sans-serif;
}

.mainHeader .notes .icon {
  padding: 0 6px;
  font-size: 16px;
  line-height: 44px;
}

.mainHeader .notes .notes-icon {
  font-size: 19px;
  padding: 0;
}

.mainHeader .bookmarks {
  float: left;
}

.mainHeader .bookmarks-icon {
  display: block;
  height: 44px;
  padding: 0 14px;
  color: #8d8d8d;
}

.mainHeader .bookmarks-icon:hover {
  color: #14b287;
}

.mainHeader .bookmarks .bookmarksCount {
  position: absolute;
  top: 6px;
  left: 37px;
  color: #878787;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
}

.mainHeader .bookmarks .icon {
  padding: 0 6px;
  font-size: 17px;
  line-height: 44px;
}

.mainHeader .messages {
  position: relative;
  float: left;
}

.mainHeader .messages-icon {
  display: block;
  height: 44px;
  padding: 0 15px;
  color: #8d8d8d;
}

.mainHeader .messages-icon:hover {
  color: #14b287;
}

.mainHeader .messages a {
  display: block;
  height: 44px;
  padding: 0 14px;
}

.mainHeader .messages .icon {
  padding: 0 6px;
  font-size: 14px;
  line-height: 44px;
}

.mainHeader .messages .messageCount {
  position: absolute;
  top: 6px;
  left: 43px;
  color: #878787;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
}

@media (max-width: 855px) {
  .mainHeader .bookmarksNotesCount,
  .mainHeader .bookmarksCount,
  .mainHeader .messageCount {
    display: none;
  }

  .mainHeader a.notes-link,
  .mainHeader a.bookmarks-icon,
  .mainHeader a.messages-icon,
  .mainHeader a.logout-btn-icon {
    padding: 0;
  }

  .mainHeader .notes-day {
    top: 2px;
    left: 9px;
    font-size: 10px;
  }

  .mainHeader .notes .notes-icon {
    padding: 0 5px;
    font-size: 19px;
  }
}

.mainHeader .logout-btn {
  float: left;
}

.mainHeader .logout-btn-icon {
  display: block;
  height: 44px;
  padding: 0 15px;
  color: #8d8d8d;
}

.mainHeader .logout-btn-icon:hover {
  color: #14b287;
}

.mainHeader .logout-btn .icon {
  padding: 0 6px;
  font-size: 17px;
  line-height: 44px;
}

.mainHeader .account {
  float: left;
}

@media only screen and (max-width: 599px) {
  .mainHeader .account {
    float: none;
  }
}

.mainHeader .account a.openProfile.mobile-show {
  line-height: 56px;
}

.mainHeader .account a.openProfile.mobile-show i {
  font-size: 31px;
  color: #ccc;
}

.mainHeader .account a.openProfile.mobile-show:after {
  border-color: #ccc transparent transparent transparent;
}

.mainHeader .account a.openProfile:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -3px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #395685 transparent transparent transparent;
}

.mainHeader .account a {
  text-align: left;
  position: relative;
  max-width: 210px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  height: 44px;
  padding-left: 10px;
  padding-right: 20px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 44px;
  text-decoration: none;
  white-space: nowrap;
  color: #666666;
}

.mainHeader .profilePopup {
  visibility: hidden;
  width: 0;
  overflow: hidden;
  max-width: 300px;
  position: absolute;
  z-index: 5;
  top: 44px;
  right: 0;
}

.mainHeader .profilePopup .profilePopup__menu-section {
  background-color: #4E4E4E;
  font-size: 12px;
  color: #A8A8A8;
  padding: 7px 0;
}

.mainHeader .profilePopup.show {
  visibility: visible;
  width: 100%;
}

.mainHeader .profilePopup.show .profileWrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.mainHeader .profilePopup .profileWrapper {
  transition: all 0.3s ease-in-out;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0;
  background: black;
}

.mainHeader .profilePopup .profileInfo {
  min-height: 100px;
  padding: 10px;
  text-align: left;
}

.mainHeader .profilePopup .profileInfo img {
  width: 100px;
  height: 100px;
  float: left;
}

.mainHeader .profilePopup .profileInfo .info {
  margin-left: 100px;
  padding-left: 10px;
}

.mainHeader .profilePopup .profileInfo .name {
  font-size: 15px;
  font-weight: bold;
  color: #f2f2f2;
  word-wrap: break-word;
}

.mainHeader .profilePopup .profileInfo p {
  padding-bottom: 5px;
  color: #cbc5c4;
  font-size: 13px;
  line-height: 1.2;
}

.mainHeader .profilePopup .profileInfo p:last-of-type {
  padding-bottom: 0;
}

.mainHeader .profilePopup li {
  background: #333333;
  margin-bottom: 1px;
}

@mobile-max {
  padding-bottom: 20px;
}

.mainHeader .profilePopup li a {
  text-align: left;
  font-size: 14px;
  display: block;
  padding: 6px 20px;
  color: #dbd5d5;
  transition: color 0.2s ease;
}

.mainHeader .profilePopup li a.logout {
  padding-top: 5px;
  padding-bottom: 5px;
}

.mainHeader .profilePopup li a.profile-vc-status {
  padding: 0;
  color: #FFFFFF;
  height: 50px;
  font-size: 14px;
}

.mainHeader .profilePopup li a.profile-vc-status * {
  box-sizing: border-box;
}

.mainHeader .profilePopup li a.profile-vc-status .vc-status-right,
.mainHeader .profilePopup li a.profile-vc-status .vc-status-left {
  padding: 6px 10px;
  display: inline-block;
  height: 50px;
}

.mainHeader .profilePopup li a.profile-vc-status .vc-status-image {
  padding: 8px 0 8px 10px;
  display: inline-block;
  height: 50px;
  min-width: 50px;
  opacity: 0;
  float: left;
}

.mainHeader .profilePopup li a.profile-vc-status .vc-status-right {
  float: right;
  text-align: center;
  line-height: 36px;
  max-width: 75px;
  min-width: 50px;
  font-weight: bold;
}

.mainHeader .profilePopup li a.profile-vc-status .vc-status-left {
  float: left;
  line-height: 34px;
  overflow: hidden;
  max-width: 175px;
}

.mainHeader .profilePopup li a.profile-vc-status .vc-status-left span {
  display: inline-block;
}

.mainHeader .profilePopup li a.profile-vc-status .vc-status-left .vc-status-productname {
  font-size: 11px;
  opacity: 0.6;
  line-height: 10px;
  max-height: 20px;
  overflow: hidden;
}

.mainHeader .profilePopup li a.profile-vc-status.vc-status-active {
  background-color: #009999;
}

.mainHeader .profilePopup li a.profile-vc-status.vc-status-active .vc-status-right {
  background-color: #007370;
}

.mainHeader .profilePopup li a.profile-vc-status.vc-status-active .vc-status-left {
  line-height: 17px;
}

.mainHeader .profilePopup li a.profile-vc-status.vc-status-active:hover {
  background-color: #009793;
}

.mainHeader .profilePopup li a.profile-vc-status.peak-status-active {
  background-color: #0E8EBF;
}

.mainHeader .profilePopup li a.profile-vc-status.peak-status-active .vc-status-right {
  background-color: #0A7199;
}

.mainHeader .profilePopup li a.profile-vc-status.peak-status-active .vc-status-left {
  line-height: 17px;
}

.mainHeader .profilePopup li a.profile-vc-status.peak-status-active:hover {
  background-color: #109fd6;
}

.mainHeader .profilePopup li a.profile-vc-status.pass-status-active {
  background-color: #a264ab;
}

.mainHeader .profilePopup li a.profile-vc-status.pass-status-active .vc-status-right {
  background-color: #6f0689;
}

.mainHeader .profilePopup li a.profile-vc-status.pass-status-active .vc-status-left {
  line-height: 17px;
}

.mainHeader .profilePopup li a.profile-vc-status.pass-status-active:hover {
  background-color: #a86fb1;
}

.mainHeader .profilePopup li a.profile-vc-status.vc-status-upgrade {
  background-color: #0094c8;
}

.mainHeader .profilePopup li a.profile-vc-status.vc-status-upgrade:hover {
  background-color: #00a2db;
}

.mainHeader .profilePopup li a.profile-vc-status.vc-status-upgrade .vc-status-left {
  max-width: 225px;
  padding-left: 20px;
}

.mainHeader .profilePopup li a.profile-vc-status.vc-status-upgrade .vc-status-image {
  display: none;
}

.mainHeader .profilePopup li a.profile-vc-status.vc-status-expired {
  background-color: #A70DB0;
}

.mainHeader .profilePopup li a.profile-vc-status.vc-status-expired:hover {
  background-color: #c239ca;
}

.mainHeader .profilePopup li a:hover {
  background: none;
  color: white;
  text-decoration: none;
}

.mainHeader .profilePopup li.pocl {
  padding-bottom: 40px;
}

.mainHeader .profilePopup li.logout {
  background: black;
}

.mainHeader .profilePopup li.logout a {
  text-align: center;
  color: #f9f9f9;
}

.mainHeader .profilePopup .messagesCount {
  display: inline-block;
  padding: 5px;
  margin-left: 5px;
  font-size: 16px;
  font-weight: bold;
  background: #4c4949;
  color: #333;
}

.mainHeader .profilePopup .thin-height {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media only screen and (max-width: 599px) {
  .mainHeader .profilePopup {
    max-width: 100%;
    height: 100%;
    overflow: auto;
    position: fixed;
    box-sizing: border-box;
    bottom: 0;
    background: #000;
  }

  .mainHeader .profilePopup li.pocl {
    padding-bottom: 0;
  }
}

.mainHeader .register,
.mainHeader .login {
  display: inline-block;
  height: 30px;
  margin: 6px 5px 0 0;
  padding: 0 18px;
  line-height: 30px;
  text-decoration: none;
  text-align: center;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  color: white;
}

@media only screen and (max-width: 599px) {
  .mainHeader .register,
  .mainHeader .login {
    padding: 0 10px;
    margin-right: 0;
  }
}

.mainHeader .register:last-of-type,
.mainHeader .login:last-of-type {
  margin-right: 0;
}

.mainHeader .register {
  border: 1px solid #315689;
  background: white;
  color: #315689;
}

.mainHeader .register:hover {
  background: #315689 !important;
  color: white;
}

.mainHeader .login {
  border: 1px solid #315689;
  background: #315689;
}

.mainHeader .login:hover {
  border: 1px solid #4E74A8;
  background: #4E74A8 !important;
}

.topNavigation {
  position: relative;
  height: 32px;
  padding: 0 10px;
  background: #395685;
}

.topNavigation .center {
  position: relative;
  display: table;
  table-layout: fixed;
}

.topNavigation--withToggle {
  padding: 0 40px;
}

@media screen and (max-width: 1115px) {
  .topNavigation--withToggle {
    padding: 0 10px 0 40px;
  }
}

@media only screen and (max-width: 1023px) {
  .topNavigation--withToggle {
    padding: 0 10px;
  }
}

.topNavigation-controls {
  display: table-cell;
  width: 40px;
}

.topNavigation-menus {
  display: table-cell;
  vertical-align: top;
}

@media only screen and (max-width: 1023px) {
  .topNavigation-menus {
    display: none;
  }
}

.topNavigation-options {
  vertical-align: top;
  position: relative;
  display: table-cell;
  width: 50px;
}

.topNavigation-options.has-topic-navigation {
  width: 100px;
}

.topNavigation .home-link {
  line-height: 32px;
  font-size: 14px;
  padding: 0 10px;
}

.topNavigation .toggle-link {
  position: relative;
  float: left;
  padding: 0 10px;
  margin-left: -40px;
  line-height: 32px;
  font-size: 16px;
  color: #d7dde7;
}

.topNavigation .toggle-link:hover {
  color: #fff;
}

.topNavigation .toggle-link .icon {
  position: relative;
  top: 2px;
}

@media only screen and (max-width: 1023px) {
  .topNavigation .toggle-link {
    display: none;
  }
}

.topNavigation .menu-link {
  position: relative;
  float: left;
  padding: 0 10px;
  line-height: 32px;
  font-size: 13px;
  color: #fff;
}

.topNavigation .menu-link .icon {
  position: relative;
  top: 2px;
}

.topNavigation .menu-link:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 0 16px 10px;
  border-color: transparent;
  z-index: 3;
}

.topNavigation .search-link {
  float: right;
  line-height: 32px;
  font-size: 16px;
  text-align: center;
  width: 32px;
  margin-left: 1px;
  color: #d7dde7;
  margin-right: -32px;
  display: none;
}

.topNavigation .search-link:hover {
  color: #fff;
}

.topNavigation .search-link i {
  position: relative;
  top: 2px;
}

@media screen and (max-width: 1115px), only screen and (max-width: 1023px) {
  .topNavigation .topNavigation-options {
    padding-right: 22px;
  }
}

.sideNavigation {
  background: none;
}

.sideNavigation nav {
  width: 200px;
  box-sizing: border-box;
  padding-bottom: 45px;
}

.sideNavigation nav > ul {
  border-right: 1px solid #eaeaea;
  margin-top: 83px;
  border-top: 1px solid #d8d8db;
}

.sideNavigation nav > ul.noHeader {
  margin-top: 40px;
}

.sideNavigation .mainCategoryHeader,
.sideNavigation .sectionHeader {
  padding: 8px 25px 8px 5px;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  border-bottom: 1px solid #d8d8db;
}

.sideNavigation .sectionHeader {
  position: relative;
  padding: 12px 0 12px 23px;
  font-size: 11px;
  font-weight: 800;
  background-color: #EAEAE9;
}

.sideNavigation .sectionHeader i.icon-book {
  position: absolute;
  top: 50%;
  left: 4px;
  margin-top: -8px;
  color: #96C783;
  font-size: 16px;
}

.sideNavigation .spacer {
  z-index: 9;
  position: fixed;
  min-height: 40px;
  width: 200px;
  text-align: left !important;
  padding-top: 0 !important;
  background: #F9F9F9;
}

.sideNavigation .spacer img {
  max-width: 155px !important;
  padding: 0 !important;
}

@media only screen and (max-width: 599px) {
  .sideNavigation .spacer {
    width: 100%;
    box-sizing: border-box;
  }
}

.sideNavigation .author-dashboard-menu li:nth-child(n+6) {
  background-color: #ececec;
}

.sideNavigation .subsectionHeader {
  padding-left: 28px;
  text-transform: uppercase;
  font-size: 12px;
  border-bottom: 1px solid #dbdbdb;
  font-weight: 400;
  color: #333;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  line-height: 14px;
  border-left: 6px solid transparent;
  text-decoration: none;
  background-color: #f9f9f9;
}

@media only screen and (max-width: 599px) {
  .sideNavigation .subsectionHeader {
    font-size: 14px;
  }
}

.sideNavigation .subsectionHeader:hover {
  text-decoration: none;
}

.sideNavigation .subsectionHeader:after {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  line-height: 1;
  font-family: 'icomoon';
  font-size: 6px;
  color: #8d8d8d;
  content: "\e90f";
  transition: all 0.2s ease-out;
}

.sideNavigation .subsectionHeader.percent20 {
  border-left: 5px solid #C9E9F9;
}

.sideNavigation .subsectionHeader.percent40 {
  border-left: 5px solid #81CDF2;
}

.sideNavigation .subsectionHeader.percent60 {
  border-left: 5px solid #5DBFEE;
}

.sideNavigation .subsectionHeader.percent80 {
  border-left: 5px solid #39B1EB;
}

.sideNavigation .subsectionHeader.percent100 {
  border-left: 5px solid #2F91C1;
}

.sideNavigation .opened .subsectionHeader {
  border-left: 5px solid transparent;
}

.sideNavigation .opened .subsectionHeader:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.sideNavigation .opened .subsectionHeader .specialty-progress {
  display: none;
}

.sideNavigation .mainCategoryHeader {
  z-index: 10;
  position: fixed;
  margin-top: 40px;
  width: 170px;
  background: #f9f9f9;
  box-sizing: content-box;
  cursor: pointer;
  text-transform: capitalize;
  font-size: 16px;
  padding-left: 4px;
  border-bottom: none;
  letter-spacing: -0.6px;
  white-space: nowrap;
}

@media only screen and (max-width: 599px) {
  .sideNavigation .mainCategoryHeader {
    width: 100%;
    box-sizing: border-box;
  }
}

.sideNavigation .mainCategoryHeader.qbank {
  cursor: default;
}

.sideNavigation .mainCategoryHeader.qbank:after {
  display: none;
}

.sideNavigation .mainCategoryHeader.mCH-static {
  cursor: default;
}

.sideNavigation .mainCategoryHeader.mCH-static:before,
.sideNavigation .mainCategoryHeader.mCH-static:after {
  display: none;
}

.sideNavigation .mainCategoryHeader.opened:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.sideNavigation .mainCategoryHeader.opened + ul .subsectionHeader {
  border-left: 5px solid transparent;
}

.sideNavigation .mainCategoryHeader.has-specialty:before {
  content: "\e90c";
  position: relative;
  top: 1px;
  display: inline-block;
  padding-right: 4px;
  font-family: 'icomoon';
  font-size: 15px;
}

.sideNavigation .mainCategoryHeader:after {
  content: "\e934";
  position: absolute;
  bottom: 14px;
  right: 15px;
  font-family: 'icomoon';
  font-size: 6px;
  color: #8d8d8d;
  display: inline-block;
  transition: all 0.2s ease-out;
}

.sideNavigation li a {
  position: relative;
  display: block;
  padding: 6px 5px 6px 30px;
  border-bottom: 1px solid #EEE;
  font-size: 11px;
}

.sideNavigation li a:hover {
  background: #eaeaea;
}

.sideNavigation li a.subsectionHeader {
  padding: 10px 25px 10px 30px;
}

@media only screen and (max-width: 599px) {
  .sideNavigation li a {
    font-size: 14px;
  }
}

.sideNavigation li a.active {
  background: #314b7d;
  color: white;
}

.sideNavigation li a.active:hover {
  background: #314b7d;
}

.sideNavigation li a img {
  vertical-align: middle;
}

.sideNavigation .subMenu.left-menu--tg li a {
  padding-left: 15px;
  padding-right: 15px;
}

.sideNavigation .subMenu {
  display: none;
  border-right: none;
}

.sideNavigation .subMenu li {
  border-bottom: none;
}

.sideNavigation .subMenu li a {
  color: #1f1fc7;
  background: white;
  font-size: 12px;
  line-height: 14px;
  text-decoration: none;
}

.sideNavigation .subMenu li a.percent20 {
  border-left: 3px solid #d9f8e7;
}

.sideNavigation .subMenu li a.percent40 {
  border-left: 3px solid #9fedc4;
}

.sideNavigation .subMenu li a.percent60 {
  border-left: 3px solid #64db9d;
}

.sideNavigation .subMenu li a.percent80 {
  border-left: 3px solid #14b287;
}

.sideNavigation .subMenu li a.percent100 {
  border-left: 3px solid #0b8d6a;
}

.sideNavigation .subMenu li a:hover {
  text-decoration: underline;
}

.sideNavigation .subMenu li a.active {
  background-color: #395685;
  color: white;
}

.sideNavigation .subMenu.active {
  display: block;
}

.specialty-progress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.specialty-progress-line {
  float: left;
  height: 100%;
  width: 4px;
  border-width: 0 !important;
}

.specialty-progress--topic {
  width: 48px;
  font-size: 0;
}

.specialty-progress--topic .progress-line[data-progress='0'] {
  border-color: #f9f9f9 !important;
  background-color: #f9f9f9 !important;
}

.specialty-progress--tg {
  width: 16px;
}

.specialty-progress--tg,
.specialty-progress--techniqueguide {
  font-size: 0;
  right: 0;
  left: auto;
}

.specialty-progress--tg .progress-line[data-progress='0'],
.specialty-progress--techniqueguide .progress-line[data-progress='0'] {
  border-color: #f9f9f9 !important;
  background-color: #f9f9f9 !important;
}

.sideNavigation .mainCategoryHeader.dashboard + ul {
  margin-top: 40px;
}

.techniqueGuidesWrapper .sideNavigation .sectionHeader i.icon-book:before {
  content: "\e933" !important;
}

.left-menu-topic-menu.left-menu-topic-menu-tg .subsectionHeader {
  padding-left: 15px;
}

.left-menu-topic-menu.left-menu-topic-menu-tg .subsectionHeader:after {
  right: 20px;
}

.breadCrumbs .center {
  position: relative;
}

@-webkit-keyframes slide {
  0% {
    position: absolute;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    left: -80%;
    width: 810px;
  }

  50% {
    left: 150px;
  }

  100% {
    left: 150px;
  }
}

@keyframes slide {
  0% {
    position: absolute;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    left: -80%;
    width: 810px;
  }

  50% {
    left: 150px;
  }

  100% {
    left: 150px;
  }
}

.menuWide {
  float: left;
}

.menuWide.collapsed li {
  display: none;
}

.menuWide.collapsed .home {
  display: block;
}

.wideMenu {
  z-index: 20;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: absolute;
  top: 32px;
  left: 0px;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  transition: all 0.3s ease-out;
}

.wideMenu.show {
  visibility: visible;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  max-height: 800px;
}

.wideMenu[menu-mode="wide"] {
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
}

.wideMenu[menu-mode="wide"] .treeMenuWrapper {
  transition: all 500ms ease-in-out;
  left: 175px;
  display: block;
  height: 100%;
}

.wideMenu[menu-mode="wide"] .treeMenuWrapper .treeMenu.active {
  display: table;
  width: 100%;
}

.wideMenu[menu-mode="wide"] .sectionsWrapper {
  width: 0;
}

.wideMenu[menu-mode="short"] .sectionsWrapper {
  width: 150px;
}

@media only screen and (max-width: 599px) {
  .wideMenu[menu-mode="short"] .sectionsWrapper {
    width: 50%;
  }
}

.wideMenu[menu-mode="short"] .treeMenuWrapper {
  display: none;
  transition: all 0.3s ease-out;
  width: 810px;
}

.wideMenu .treeMenuWrapper .treeMenu {
  display: none;
}

.wideMenu .treeMenu {
  border-top: 1px solid #d8d8db;
}

.wideMenu .sectionsWrapper {
  width: 0px;
  overflow: hidden;
  float: left;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 599px) {
  .wideMenu .sections {
    width: 100%;
    min-width: 160px;
  }
}

.wideMenu .dashboard {
  padding: 10px;
  display: none;
  margin-left: 10px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  background: #f4f4f4;
  color: #5F5E61;
}

.wideMenu .dashboard.show {
  display: inline-block !important;
}

.wideMenu .high-yield {
  display: none;
  padding: 10px;
}

.wideMenu .high-yield.show {
  display: inline-block !important;
}

.wideMenu .dashboard.show:hover,
.wideMenu .high-yield.show:hover {
  background: #E0E0E0;
}

.wideMenu .dashboard.subSpeciality-icons,
.wideMenu .high-yield.subSpeciality-icons {
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: 10px;
  font-weight: 600;
}

.wideMenu .dashboard.subSpeciality-icons .icon,
.wideMenu .high-yield.subSpeciality-icons .icon {
  font-size: 12px;
  margin-right: 4px;
}

.wideMenu .dashboard.subSpeciality-icons.trauma,
.wideMenu .high-yield.subSpeciality-icons.trauma {
  color: #f2cc6a;
}

.wideMenu .dashboard.subSpeciality-icons.spine,
.wideMenu .high-yield.subSpeciality-icons.spine {
  color: #f2a768;
}

.wideMenu .dashboard.subSpeciality-icons.sports,
.wideMenu .high-yield.subSpeciality-icons.sports {
  color: #f2a768;
}

.wideMenu .dashboard.subSpeciality-icons.pediatrics,
.wideMenu .high-yield.subSpeciality-icons.pediatrics {
  color: #49a5e5;
}

.wideMenu .dashboard.subSpeciality-icons.recon,
.wideMenu .high-yield.subSpeciality-icons.recon {
  color: #608fde;
}

.wideMenu .dashboard.subSpeciality-icons.hand,
.wideMenu .high-yield.subSpeciality-icons.hand {
  color: #8571e7;
}

.wideMenu .dashboard.subSpeciality-icons.footandankle,
.wideMenu .high-yield.subSpeciality-icons.footandankle {
  color: #8c5ecc;
}

.wideMenu .dashboard.subSpeciality-icons.pathology,
.wideMenu .high-yield.subSpeciality-icons.pathology {
  color: #a264ab;
}

.wideMenu .dashboard.subSpeciality-icons.basicscience,
.wideMenu .high-yield.subSpeciality-icons.basicscience {
  color: #5cab91;
}

.wideMenu .dashboard.subSpeciality-icons.anatomy,
.wideMenu .high-yield.subSpeciality-icons.anatomy {
  color: #54a14c;
}

.wideMenu .treeMenuWrapper {
  position: absolute;
  left: -800px;
  overflow: hidden;
  display: none;
  width: calc(100% - 150px);
  background: #f4f4f4;
}

.wideMenu .mainMenu {
  position: relative;
  z-index: 5;
}

.wideMenu .specialityDropdown,
.wideMenu .sections {
  position: relative;
  float: left;
  min-height: 456px;
  width: 175px;
  box-shadow: none;
}

.wideMenu .specialityDropdown li:hover a,
.wideMenu .sections li:hover a,
.wideMenu .specialityDropdown li.active a,
.wideMenu .sections li.active a {
  color: white;
}

.wideMenu .specialityDropdown li a,
.wideMenu .sections li a,
.wideMenu .specialityDropdown div a,
.wideMenu .sections div a {
  display: block;
  padding: 9px 9px 9px 10px;
  color: #becadb;
  font-size: 13px;
  letter-spacing: .5px;
  line-height: 16px;
  text-decoration: none;
  text-transform: none;
}

@media only screen and (max-width: 599px) {
  .wideMenu .specialityDropdown li a,
  .wideMenu .sections li a,
  .wideMenu .specialityDropdown div a,
  .wideMenu .sections div a {
    font-size: 13px;
  }
}

.wideMenu .specialityDropdown-list-link-lvl-1,
.wideMenu .sections-list-link-lvl-1 {
  font-weight: 600;
}

.wideMenu .specialityDropdown.qbankDropdown li a,
.wideMenu .sections.qbankDropdown li a {
  text-transform: none;
}

.wideMenu .specialityDropdown.topicsDropdown li,
.wideMenu .sections.topicsDropdown li,
.wideMenu .specialityDropdown.techniqueDropdown li,
.wideMenu .sections.techniqueDropdown li {
  display: table;
  width: 100%;
}

.wideMenu .specialityDropdown.topicsDropdown li.active .dashboard-link,
.wideMenu .sections.topicsDropdown li.active .dashboard-link,
.wideMenu .specialityDropdown.techniqueDropdown li.active .dashboard-link,
.wideMenu .sections.techniqueDropdown li.active .dashboard-link {
  background: none;
}

.wideMenu .specialityDropdown.topicsDropdown li:hover a,
.wideMenu .sections.topicsDropdown li:hover a,
.wideMenu .specialityDropdown.techniqueDropdown li:hover a,
.wideMenu .sections.techniqueDropdown li:hover a {
  color: #becadb;
  background: none;
}

.wideMenu .specialityDropdown.topicsDropdown li .dashboard-link,
.wideMenu .sections.topicsDropdown li .dashboard-link,
.wideMenu .specialityDropdown.techniqueDropdown li .dashboard-link,
.wideMenu .sections.techniqueDropdown li .dashboard-link,
.wideMenu .specialityDropdown.topicsDropdown li .subtree-link,
.wideMenu .sections.topicsDropdown li .subtree-link,
.wideMenu .specialityDropdown.techniqueDropdown li .subtree-link,
.wideMenu .sections.techniqueDropdown li .subtree-link {
  display: table-cell;
}

.wideMenu .specialityDropdown.topicsDropdown li .dashboard-link:hover,
.wideMenu .sections.topicsDropdown li .dashboard-link:hover,
.wideMenu .specialityDropdown.techniqueDropdown li .dashboard-link:hover,
.wideMenu .sections.techniqueDropdown li .dashboard-link:hover,
.wideMenu .specialityDropdown.topicsDropdown li .subtree-link:hover,
.wideMenu .sections.topicsDropdown li .subtree-link:hover,
.wideMenu .specialityDropdown.techniqueDropdown li .subtree-link:hover,
.wideMenu .sections.techniqueDropdown li .subtree-link:hover {
  background: #314b7d;
  color: white;
}

.wideMenu .specialityDropdown.topicsDropdown li .dashboard-link,
.wideMenu .sections.topicsDropdown li .dashboard-link,
.wideMenu .specialityDropdown.techniqueDropdown li .dashboard-link,
.wideMenu .sections.techniqueDropdown li .dashboard-link {
  width: 26px;
  padding-right: 0;
  white-space: nowrap;
}

.wideMenu .specialityDropdown.topicsDropdown li .dashboard-link:hover:before,
.wideMenu .sections.topicsDropdown li .dashboard-link:hover:before,
.wideMenu .specialityDropdown.techniqueDropdown li .dashboard-link:hover:before,
.wideMenu .sections.techniqueDropdown li .dashboard-link:hover:before {
  background: #314b7d;
  color: white;
}

.wideMenu .sections {
  width: 150px;
}

@media only screen and (max-width: 599px) {
  .wideMenu .sections {
    width: 100%;
  }
}

.wideMenu .specialityDropdown {
  box-shadow: 3px 8px 15px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 599px) {
  .wideMenu .specialityDropdown {
    width: 50%;
  }
}

.wideMenu .specialityDropdown li a,
.wideMenu .specialityDropdown div a {
  padding: 6px 9px 6px 10px;
}

.wideMenu .specialityDropdown li a:before,
.wideMenu .specialityDropdown div a:before {
  position: relative;
  top: 2px;
  display: inline-block;
  padding-right: 10px;
  font-family: 'icomoon';
  font-size: 15px;
  line-height: 0;
}

.wideMenu .specialityDropdown.topicsDropdown .dashboard-link:before,
.wideMenu .specialityDropdown.techniqueDropdown .dashboard-link:before {
  content: "\e90c";
  transition: all 0.2s ease-in-out;
}

.wideMenu .specialityDropdown.topicsDropdown .dashboard-link:hover:before,
.wideMenu .specialityDropdown.techniqueDropdown .dashboard-link:hover:before {
  top: -15px;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.wideMenu .specialityDropdown.topicsDropdown .dashboard-link:after,
.wideMenu .specialityDropdown.techniqueDropdown .dashboard-link:after {
  position: absolute;
  content: "\e905";
  font-family: 'icomoon';
  opacity: 0;
  margin-bottom: -20px;
  left: 15px;
  transition: all 0.2s ease-in-out 125ms;
}

.wideMenu .specialityDropdown.topicsDropdown .dashboard-link:hover:after,
.wideMenu .specialityDropdown.techniqueDropdown .dashboard-link:hover:after {
  margin-bottom: 0;
  opacity: 1;
  transition: all 0.2s ease-in-out 125ms;
}

.wideMenu .specialityDropdown.techniqueDropdown .dashboard-link {
  border-left: 5px solid transparent;
  width: 28px;
}

.wideMenu .specialityDropdown.techniqueDropdown .dashboard-link:before {
  content: "\e933";
  transition: all 0.2s ease-in-out;
}

.wideMenu .specialityDropdown.techniqueDropdown .dashboard-link:before.wm-skillmaster-link {
  white-space: nowrap;
  text-transform: none;
  font-size: 14px;
}

.wideMenu .specialityDropdown.techniqueDropdown .dashboard-link:before.wm-skillmaster-link:before {
  content: none;
}

.wideMenu .specialityDropdown.techniqueDropdown .dashboard-link:before.wm-skillmaster-link span {
  vertical-align: super;
  padding-left: 2px;
}

.wideMenu .specialityDropdown.techniqueDropdown .dashboard-link:hover:after {
  /*margin-top: -15px;*/
  left: 14px;
}

.wideMenu .specialityDropdown.casesDropdown li a,
.wideMenu .specialityDropdown.postsDropdown li a,
.wideMenu .specialityDropdown.videosDropdown li a,
.wideMenu .specialityDropdown.evidenceDropdown li a,
.wideMenu .specialityDropdown.casesDropdown div a,
.wideMenu .specialityDropdown.postsDropdown div a,
.wideMenu .specialityDropdown.videosDropdown div a,
.wideMenu .specialityDropdown.evidenceDropdown div a {
  border-left: 3px solid transparent;
}

.wideMenu .specialityDropdown.casesDropdown li i,
.wideMenu .specialityDropdown.postsDropdown li i,
.wideMenu .specialityDropdown.videosDropdown li i,
.wideMenu .specialityDropdown.evidenceDropdown li i,
.wideMenu .specialityDropdown.casesDropdown div i,
.wideMenu .specialityDropdown.postsDropdown div i,
.wideMenu .specialityDropdown.videosDropdown div i,
.wideMenu .specialityDropdown.evidenceDropdown div i {
  font-size: 15px;
  display: table-cell;
  padding-right: 10px;
}

.wideMenu .specialityDropdown.casesDropdown li span,
.wideMenu .specialityDropdown.postsDropdown li span,
.wideMenu .specialityDropdown.videosDropdown li span,
.wideMenu .specialityDropdown.evidenceDropdown li span,
.wideMenu .specialityDropdown.casesDropdown div span,
.wideMenu .specialityDropdown.postsDropdown div span,
.wideMenu .specialityDropdown.videosDropdown div span,
.wideMenu .specialityDropdown.evidenceDropdown div span {
  display: table-cell;
}

.wideMenu .sections li a {
  font-size: 13px;
  text-transform: Capitalize;
}

@media only screen and (max-width: 599px) {
  .wideMenu .sections li a {
    font-size: 16px;
  }
}

.wideMenu .sections .icon {
  width: 26px;
  margin-right: 10px;
  font-size: 15px;
  position: relative;
  vertical-align: middle;
  text-align: center;
}

.wideMenu .sections .icon-topic-navigation {
  font-size: 11px;
}

.wideMenu .sections .icon-video-navigation {
  font-size: 12px;
}

.wideMenu .sections .icon-qbank-navigation,
.wideMenu .sections .icon-cases-navigation,
.wideMenu .sections .icon-post-navigation,
.wideMenu .sections .icon-scalpel {
  font-size: 18px;
}

.wideMenu .sections .icon-people {
  height: 13px;
}

.wideMenu .sections .icon-pass {
  bottom: -3px;
}

.wideMenu .sections .icon-products {
  font-size: 18px;
}

.wideMenu .sections .icon-collaborate {
  font-size: 12px;
}

.wideMenu .sections .icon-posts {
  font-size: 17px;
}

.wideMenu .sections .icon-question {
  font-size: 18px;
}

.wideMenu .sections .icon-house {
  font-size: 12px;
}

.wideMenu .techniqueTree .subSpeciality,
.wideMenu .techniqueTree .subSections {
  height: 456px;
}

.wideMenu .subSpeciality,
.wideMenu .subSections {
  height: 422px;
  width: 220px;
  display: table-cell;
  vertical-align: top;
  overflow-y: auto;
  background: #f4f4f4;
}

@media only screen and (max-width: 599px) {
  .wideMenu .subSpeciality,
  .wideMenu .subSections {
    height: 407px;
  }
}

.wideMenu .subSpeciality li > a.maintainHover,
.wideMenu .subSections li > a.maintainHover {
  background: #E0E0E0;
}

.wideMenu .subSpeciality a,
.wideMenu .subSections a {
  padding: 10px 9px 9px 15px;
  display: block;
  cursor: pointer;
}

.wideMenu .subSpeciality a:after,
.wideMenu .subSections a:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.wideMenu .subSpeciality a.maintainHover:hover,
.wideMenu .subSections a.maintainHover:hover {
  background: #E0E0E0;
}

.wideMenu .subSpeciality {
  width: 200px;
}

.wideMenu .subSpeciality .subSpeciality-list {
  height: 420px;
  overflow-y: auto;
}

.wideMenu .subSpeciality .technique-approaches ul {
  height: 364px;
}

.wideMenu .subSpeciality .subSpeciality-list-item.active .subSpeciality-list-link {
  background: #E0E0E0;
}

.wideMenu .subSpeciality .subSpeciality-list-link {
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  text-decoration: none;
  color: #333333;
  text-transform: uppercase;
  border-bottom: 1px solid #d8d8db;
}

.wideMenu .subSpeciality .subSpeciality-list-link:hover {
  color: #000000;
}

.wideMenu .subSpeciality .subSpeciality-list-link.active {
  color: #000000;
  font-weight: 600;
}

.wideMenu .subSpeciality > div {
  display: none;
}

.wideMenu .subSpeciality > div.show {
  display: block;
}

.wideMenu .subSections ul {
  height: 100%;
  overflow-y: auto;
}

.wideMenu .subSections .subsectionHeader {
  position: relative;
  padding-left: 10px;
  padding-right: 18px;
  font-size: 13px;
  font-weight: 300;
  line-height: 16px;
  text-transform: uppercase;
  color: #333333;
  border-bottom: 1px solid #d8d8db;
  text-decoration: none;
}

.wideMenu .subSections .subsectionHeader:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -3px;
  line-height: 1;
  font-family: 'icomoon';
  font-size: 6px;
  color: #8d8d8d;
  content: "\e90f";
  transition: all 0.2s ease-out;
}

.wideMenu .subSections .subsectionHeader:hover {
  color: #000000;
}

.wideMenu .subSections > div {
  display: none;
}

.wideMenu .subSections > div.show {
  display: block;
}

.wideMenu .subSections ul {
  display: none;
}

.wideMenu .subSections ul.show {
  display: block;
}

.wideMenu .topicsMenu {
  display: table-cell;
  vertical-align: top;
  background: white;
}

.wideMenu .topicsMenu .topics-list {
  height: 420px;
  overflow-y: auto;
}

.wideMenu .topicsMenu > div {
  display: none;
}

.wideMenu .topicsMenu > div.show {
  display: block;
}

.wideMenu .topics {
  position: relative;
  display: none;
  height: 456px;
  box-shadow: none;
  overflow-y: auto;
  overflow-x: hidden;
}

@media only screen and (max-width: 599px) {
  .wideMenu .topics {
    height: 407px;
  }
}

.wideMenu .topics.show {
  display: block;
}

.wideMenu .topics-list-item {
  border-bottom: none;
  position: relative;
}

.wideMenu .topics-list-item.active .subsectionHeader {
  background: #E0E0E0;
}

.wideMenu .topics-list-item.active .radial,
.wideMenu .topics-list-item:hover .radial,
.wideMenu .topics-list-item.active .tagControl,
.wideMenu .topics-list-item:hover .tagControl {
  display: block;
}

.wideMenu .topics-list-item.active .topics-list-link,
.wideMenu .topics-list-item:hover .topics-list-link {
  text-decoration: underline;
}

.wideMenu .topics-list-item .topics-list-link {
  position: relative;
  display: block;
  padding: 7px 40px 8px 15px;
  font-size: 14px;
  line-height: 1.4;
  color: #1f1fc7;
  text-decoration: none;
  border-width: 3px;
}

.wideMenu,
.homeMenu-topics,
.homeMenu-techniques {
  /** Progress Percent **/
}

.wideMenu .selfProgressItem,
.homeMenu-topics .selfProgressItem,
.homeMenu-techniques .selfProgressItem {
  float: right;
}

.wideMenu .radial,
.homeMenu-topics .radial,
.homeMenu-techniques .radial {
  display: none;
  right: 5px;
  top: 50%;
  background-color: #dedede;
  width: 30px;
  height: 30px;
}

.wideMenu .radial .fill,
.homeMenu-topics .radial .fill,
.homeMenu-techniques .radial .fill {
  background-color: #14b287;
}

.wideMenu .radial .inset,
.homeMenu-topics .radial .inset,
.homeMenu-techniques .radial .inset {
  background-color: white;
}

.wideMenu .radial .percentage,
.homeMenu-topics .radial .percentage,
.homeMenu-techniques .radial .percentage {
  color: #14b287;
}

.wideMenu .radial .circle .mask,
.homeMenu-topics .radial .circle .mask,
.homeMenu-techniques .radial .circle .mask,
.wideMenu .radial .circle .fill,
.homeMenu-topics .radial .circle .fill,
.homeMenu-techniques .radial .circle .fill {
  width: 30px;
  height: 30px;
  position: absolute;
}

.wideMenu .radial .circle .mask,
.homeMenu-topics .radial .circle .mask,
.homeMenu-techniques .radial .circle .mask {
  clip: rect(0px, 30px, 30px, 15px);
}

.wideMenu .radial .circle .mask .fill,
.homeMenu-topics .radial .circle .mask .fill,
.homeMenu-techniques .radial .circle .mask .fill {
  clip: rect(0px, 15px, 30px, 0px);
}

.wideMenu .radial .inset,
.homeMenu-topics .radial .inset,
.homeMenu-techniques .radial .inset {
  width: 26px;
  height: 26px;
  margin-left: 2px;
  margin-top: 2px;
}

.wideMenu .radial .inset .percentage,
.homeMenu-topics .radial .inset .percentage,
.homeMenu-techniques .radial .inset .percentage {
  width: 24px;
  top: 8px;
  left: 1px;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  font-size: 10px;
}

.wideMenu .tagControl,
.homeMenu-topics .tagControl,
.homeMenu-techniques .tagControl {
  display: none;
}

.wideMenu a.percent0,
.homeMenu-topics a.percent0,
.homeMenu-techniques a.percent0 {
  border-left: 5px solid transparent;
}

.wideMenu a.percent20,
.homeMenu-topics a.percent20,
.homeMenu-techniques a.percent20 {
  border-left: 5px solid #C9E9F9;
}

.wideMenu a.percent40,
.homeMenu-topics a.percent40,
.homeMenu-techniques a.percent40 {
  border-left: 5px solid #81CDF2;
}

.wideMenu a.percent60,
.homeMenu-topics a.percent60,
.homeMenu-techniques a.percent60 {
  border-left: 5px solid #5DBFEE;
}

.wideMenu a.percent80,
.homeMenu-topics a.percent80,
.homeMenu-techniques a.percent80 {
  border-left: 5px solid #39B1EB;
}

.wideMenu a.percent100,
.homeMenu-topics a.percent100,
.homeMenu-techniques a.percent100 {
  border-left: 5px solid #2F91C1;
}

.wideMenu .techniqueTree,
.homeMenu-topics .techniqueTree,
.homeMenu-techniques .techniqueTree {
  /** Progress Percent **/
}

.wideMenu .techniqueTree a.percent0,
.homeMenu-topics .techniqueTree a.percent0,
.homeMenu-techniques .techniqueTree a.percent0 {
  border-left: 5px solid transparent;
}

.wideMenu .techniqueTree a.percent20,
.homeMenu-topics .techniqueTree a.percent20,
.homeMenu-techniques .techniqueTree a.percent20 {
  border-left: 5px solid #CAEDF0;
}

.wideMenu .techniqueTree a.percent40,
.homeMenu-topics .techniqueTree a.percent40,
.homeMenu-techniques .techniqueTree a.percent40 {
  border-left: 5px solid #84D5DC;
}

.wideMenu .techniqueTree a.percent60,
.homeMenu-topics .techniqueTree a.percent60,
.homeMenu-techniques .techniqueTree a.percent60 {
  border-left: 5px solid #61C9D2;
}

.wideMenu .techniqueTree a.percent80,
.homeMenu-topics .techniqueTree a.percent80,
.homeMenu-techniques .techniqueTree a.percent80 {
  border-left: 5px solid #3EBDC9;
}

.wideMenu .techniqueTree a.percent100,
.homeMenu-topics .techniqueTree a.percent100,
.homeMenu-techniques .techniqueTree a.percent100 {
  border-left: 5px solid #339BA5;
}

.trauma .topics-list {
  left: -3px !important;
}

.dashboard.trauma,
.high-yield.trauma,
.dashboard.technique-trauma,
.high-yield.technique-trauma {
  color: #f2cc6a;
}

.dashboard.trauma i:before,
.high-yield.trauma i:before,
.dashboard.technique-trauma i:before,
.high-yield.technique-trauma i:before {
  color: #f2cc6a;
}

.dashboard.spine,
.high-yield.spine,
.dashboard.technique-spine,
.high-yield.technique-spine {
  color: #f2a768;
}

.dashboard.spine i:before,
.high-yield.spine i:before,
.dashboard.technique-spine i:before,
.high-yield.technique-spine i:before {
  color: #f2a768;
}

.dashboard.shoulderandelbow,
.high-yield.shoulderandelbow,
.dashboard.technique-shoulderandelbow,
.high-yield.technique-shoulderandelbow {
  color: #f26868;
}

.dashboard.shoulderandelbow i:before,
.high-yield.shoulderandelbow i:before,
.dashboard.technique-shoulderandelbow i:before,
.high-yield.technique-shoulderandelbow i:before {
  color: #f26868;
}

.dashboard.kneeandsports,
.high-yield.kneeandsports,
.dashboard.technique-kneeandsports,
.high-yield.technique-kneeandsports {
  color: #f4165f;
}

.dashboard.kneeandsports i:before,
.high-yield.kneeandsports i:before,
.dashboard.technique-kneeandsports i:before,
.high-yield.technique-kneeandsports i:before {
  color: #f4165f;
}

.dashboard.pediatrics,
.high-yield.pediatrics,
.dashboard.technique-pediatrics,
.high-yield.technique-pediatrics {
  color: #49a5e5;
}

.dashboard.pediatrics i:before,
.high-yield.pediatrics i:before,
.dashboard.technique-pediatrics i:before,
.high-yield.technique-pediatrics i:before {
  color: #49a5e5;
}

.dashboard.recon,
.high-yield.recon,
.dashboard.technique-recon,
.high-yield.technique-recon {
  color: #608fde;
}

.dashboard.recon i:before,
.high-yield.recon i:before,
.dashboard.technique-recon i:before,
.high-yield.technique-recon i:before {
  color: #608fde;
}

.dashboard.hand,
.high-yield.hand,
.dashboard.technique-hand,
.high-yield.technique-hand {
  color: #8571e7;
}

.dashboard.hand i:before,
.high-yield.hand i:before,
.dashboard.technique-hand i:before,
.high-yield.technique-hand i:before {
  color: #8571e7;
}

.dashboard.footandankle,
.high-yield.footandankle,
.dashboard.technique-footandankle,
.high-yield.technique-footandankle {
  color: #8c5ecc;
}

.dashboard.footandankle i:before,
.high-yield.footandankle i:before,
.dashboard.technique-footandankle i:before,
.high-yield.technique-footandankle i:before {
  color: #8c5ecc;
}

.dashboard.pathology,
.high-yield.pathology,
.dashboard.technique-pathology,
.high-yield.technique-pathology {
  color: #a264ab;
}

.dashboard.pathology i:before,
.high-yield.pathology i:before,
.dashboard.technique-pathology i:before,
.high-yield.technique-pathology i:before {
  color: #a264ab;
}

.dashboard.basicscience,
.high-yield.basicscience,
.dashboard.technique-basicscience,
.high-yield.technique-basicscience {
  color: #5cab91;
}

.dashboard.basicscience i:before,
.high-yield.basicscience i:before,
.dashboard.technique-basicscience i:before,
.high-yield.technique-basicscience i:before {
  color: #5cab91;
}

.dashboard.anatomy,
.high-yield.anatomy,
.dashboard.technique-anatomy,
.high-yield.technique-anatomy {
  color: #54a14c;
}

.dashboard.anatomy i:before,
.high-yield.anatomy i:before,
.dashboard.technique-anatomy i:before,
.high-yield.technique-anatomy i:before {
  color: #54a14c;
}

.dashboard.approaches,
.high-yield.approaches,
.dashboard.technique-approaches,
.high-yield.technique-approaches {
  color: #89b871;
}

.dashboard.approaches i:before,
.high-yield.approaches i:before,
.dashboard.technique-approaches i:before,
.high-yield.technique-approaches i:before {
  color: #89b871;
}

.dropdown-list {
  position: absolute;
  left: 0;
  top: 23px;
  display: none;
  z-index: 1999999999;
  width: 180px;
  margin-left: -10px;
  padding-top: 6px;
}

.dropdown-list-item {
  display: block;
}

.dropdown-list-link {
  display: block;
  padding: 9px 9px 9px 10px;
  font-size: 13px;
  line-height: 16px;
  color: #becadb;
  letter-spacing: .5px;
  text-decoration: none;
}

.dropdown-list-link .icon {
  font-size: 15px;
  padding-right: 10px;
}

.dropdown-list-link:hover {
  text-decoration: none;
  color: #fff;
}

.dropdown-list-link.bold {
  font-weight: 600;
}

.dropdown-list-link.dropdown-list-link-lvl-1 {
  font-weight: 600;
}

.dropdown-list-link.dropdown-list-link-lvl-2:before {
  content: "-";
  margin-right: 6px;
}

.dropdown-list.multicolumn {
  width: auto;
}

.dropdown-list.multicolumn ul {
  display: inline-block;
  min-width: 180px;
  vertical-align: top;
}

.homeMenu {
  display: none;
  height: 32px;
  margin-left: 10px;
  white-space: nowrap;
}

.homeMenu.active {
  display: block;
}

.homeMenu-list-item {
  display: inline-block;
  position: relative;
  margin-right: 2.4%;
  vertical-align: middle;
  padding-bottom: 9px;
}

.homeMenu-list-item:last-of-type {
  margin-right: 0;
}

.homeMenu-list-item.active .homeMenu-list-link {
  color: #fff;
}

body.MedbulletsStep1 .homeMenu-list-item {
  margin-right: 3.5%;
}

body.MedbulletsStep2And3 .homeMenu-list-item {
  margin-right: 3.5%;
}

.homeMenu-home-item {
  margin-right: 20px;
}

.homeMenu-list-link {
  display: block;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  font-size: 15px;
  color: #d7dde7;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.homeMenu-list-link:hover {
  text-decoration: none;
  color: #fff;
}

@media screen and (max-width: 1185px) {
  .homeMenu-list-item,
  .homeMenu-home-item {
    margin-right: 1.7%;
  }
}

@media screen and (max-width: 1085px) {
  .homeMenu-list-item,
  .homeMenu-home-item {
    margin-right: 1.2%;
  }
}

.breadCrumbsMenu {
  display: none;
  margin-left: -3px;
}

.breadCrumbsMenu.active {
  display: block;
}

.breadCrumbsMenu-list-item {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  cursor: pointer;
  white-space: nowrap;
}

.breadCrumbsMenu-list-item--home {
  padding: 0 0 0 5px;
}

@media only screen and (max-width: 1023px) {
  .breadCrumbsMenu-list-item {
    padding: 0 5px;
  }
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
  .breadCrumbsMenu-list-item {
    max-width: 120px;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .breadCrumbsMenu-list-item {
    max-width: 280px;
  }
}

.breadCrumbsMenu-list-item:last-of-type > a:before {
  display: none;
}

.breadCrumbsMenu-list-link {
  display: block;
  box-sizing: border-box;
  padding-left: 15px;
  height: 32px;
  font-size: 15px;
  line-height: 33px;
  color: #d7dde7;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
}

.breadCrumbsMenu-list-link:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: -11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 0 16px 10px;
  border-color: transparent transparent transparent #4b6fac;
  z-index: 3;
}

.breadCrumbsMenu-list-link:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 0 16px 10px;
  border-color: transparent transparent transparent #395685;
  z-index: 3;
}

.breadCrumbsMenu-list-link:hover {
  text-decoration: none;
  color: #fff;
}

.cases .caseItem {
  padding: 10px;
  overflow: hidden;
}

.cases .caseItem .left .imgWrapper {
  margin-bottom: 5px;
}

.cases .caseItem .left img {
  width: 105px;
  height: 80px;
}

.cases .caseItem .left i {
  color: #c0c0c0;
  font-size: 15px;
}

.cases .caseItem:hover {
  background: #e3ecfd;
}

.cases .content h3 {
  font-weight: bold;
  font-size: 15px;
}

.cases .content h3 a {
  color: black;
  text-decoration: none;
  line-height: 18px;
}

.cases .content h3 span {
  font-size: 12px;
  color: #9f9f9f;
  font-weight: normal;
}

.cases .content p {
  margin: 10px 0;
  padding: 5px 10px;
  background: #f7f7f7;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.cases .content span {
  font-size: 14px;
  color: #5d5d5d;
}

.cases .content span .icon-q {
  color: #c5d3f8;
}

.cases .right {
  float: right;
  width: 75px;
  padding-right: 10px;
  text-align: right;
}

.cases .right time {
  font-size: 13px;
  color: #c0c0c0;
}

.cases .right p {
  padding: 5px 0;
  font-size: 12px;
  line-height: 16px;
  color: #c0c0c0;
}

.cases .right i {
  margin-left: 5px;
  font-size: 16px;
  vertical-align: bottom;
}

@media only screen and (max-width: 599px) {
  .cases .content {
    float: none;
    width: auto;
    padding-left: 20px;
    margin-left: 105px;
  }

  .cases .right {
    float: left;
    width: 75px;
    padding-left: 20px;
    text-align: left;
    margin-left: 105px;
    clear: both;
  }
}

label.required-field::after {
  color: #ff0000;
  content: " *";
  font-weight: bold;
}

.comments {
  background: #f3f3f3;
}

.comments .subscribe {
  float: right;
  margin-right: 50px;
  cursor: default;
  color: #7ca2dc;
}

.comments .subscribe .icon-collaborate {
  color: #7ca2dc;
  background: transparent;
  margin-right: 0;
}

.comments .subscribe .radio:not(:last-of-type) {
  padding: 0 5px;
}

.comments .subscribe .on,
.comments .subscribe .off {
  color: #aaa;
}

.comments .subscribe .on:before,
.comments .subscribe .off:before {
  position: relative;
  background: none;
  top: -2px;
}

.comments .subscribe input[type=radio]:checked + label.on {
  color: #54a14c;
}

.comments .subscribe input[type=radio]:checked + label.on:before {
  content: '';
  background: #54a14c;
  border-color: #54a14c;
}

.comments .subscribe input[type=radio]:checked + label.off {
  color: #f26868;
}

.comments .subscribe input[type=radio]:checked + label.off:before {
  content: '';
  background: #f26868;
  border-color: #f26868;
}

.comments .subscribe label {
  cursor: pointer;
}

.comments .subscribe .subscribe-label {
  display: inline-block;
}

.comments .subscribe .subscribe-checkbox {
  display: inline-block;
}

.comments .recent {
  padding: 10px 10px 0 10px;
}

.comments .recent .commentItem {
  position: relative;
}

.comments h3 {
  font-size: 12px;
  color: #c0c0c0;
  margin-bottom: 10px;
}

@media only screen and (max-width: 599px) {
  .comments h3 {
    font-size: 14px;
  }
}

.commentItem {
  padding: 10px;
}

.commentItem .subscribe {
  float: right;
  padding-bottom: 10px;
  font-size: 15px;
  color: #999999;
}

.commentItem .subscribe input {
  display: none;
}

.commentItem .subscribe label {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  cursor: pointer;
  vertical-align: top;
}

.commentItem .subscribe label:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  background-color: white;
  border: 1px solid #c6c6c9;
  margin-right: 11px;
  box-sizing: border-box;
}

.commentItem .subscribe input:checked + label:before {
  content: '\e924';
  font-family: 'icomoon';
  color: #8cade1;
  font-size: 10px;
  display: inline-block;
  vertical-align: top;
  padding-top: 2px;
  padding-left: 1px;
  width: 15px;
  height: 15px;
}

.commentItem .avatarWrap {
  width: 32px;
  float: left;
}

.commentItem .avatarWrap .avatar {
  width: 100%;
}

.commentItem div.text {
  position: relative;
  margin-left: 32px;
}

.commentItem div.text span {
  color: red;
}

.commentItem .commentArea {
  box-sizing: border-box;
  width: 100%;
  min-height: 100px;
  padding: 5px;
  overflow-y: auto !important;
  border: 1px solid #eaeaea;
  border-bottom: none;
  background: white;
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.3;
  color: #363439;
  outline: none;
  resize: none;
}

.commentItem .commentArea::-webkit-input-placeholder {
  font-style: normal;
}

.commentItem .commentArea::-moz-placeholder {
  font-style: normal;
}

.commentItem .commentArea:-moz-placeholder {
  font-style: normal;
}

.commentItem .commentArea:-ms-input-placeholder {
  font-style: normal;
}

.commentItem .controls-wrapper {
  overflow: hidden;
  border: 1px solid #eaeaea;
  border-top: none;
}

.commentItem .links {
  float: left;
  display: table;
  height: 38px;
}

.commentItem .links:hover a {
  color: white;
  background: #7ca2dc;
}

.commentItem .insertPMID {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  text-decoration: none;
  font-size: 14px;
  color: #7ca2dc;
}

.commentItem .insertPMID i {
  font-size: 18px;
  margin-right: 5px;
  vertical-align: bottom;
}

.commentItem .controls {
  float: right;
  overflow: hidden;
}

.commentItem .controls span {
  font-size: 14px;
  line-height: 1.3;
  color: #363439;
}

.commentItem .controls span .post-as-label {
  color: #7ca2dc;
  margin-right: 2px;
}

.commentItem .controls select {
  height: 36px;
  margin-bottom: 2px;
  border-color: #e2e2e2;
  color: #8d8d8d;
}

.commentItem .controls a {
  position: relative;
  display: inline-block;
  height: 38px;
  width: 230px;
  line-height: 38px;
  font-size: 16px;
  background: #7ca2dc;
  color: white;
  text-align: center;
  text-decoration: none;
}

.commentItem .controls a:hover {
  background: #6A90CC;
}

.commentItem .controls a i {
  position: relative;
  top: 3px;
  padding-right: 5px;
  font-size: 22px;
}

.commentItem .comment-add-status-div {
  padding-top: 10px;
  padding-left: 32px;
  color: #8d8d8d;
}

.allComments .commentItem:last-of-type:before {
  display: none;
}

.commentItem {
  position: relative;
}

.commentItem:not(.singleComment):before {
  content: '';
  position: absolute;
  left: 37.5px;
  top: 10px;
  display: block;
  height: 110%;
  width: 1px;
  background: white;
}

.emphasize-author .commentItem:not(.singleComment):before {
  left: 42.5px;
}

.commentItem .commentItem {
  clear: left;
  padding: 20px 0 0 20px;
}

.commentItem .avatar {
  z-index: 2;
  position: relative;
  width: 55px;
  height: 55px;
  float: left;
}

.emphasize-author .commentItem .avatar {
  width: 65px;
  height: 65px;
}

.commentItem .content {
  margin-left: 55px;
  padding: 10px;
  background: white;
}

.commentItem .content .name {
  color: #5c5c5c;
}

.commentItem .content .name .qtiplink,
.commentItem .content .name .name-anonymous {
  color: #1f1fc7;
}

.commentItem .content .date {
  padding-left: 10px;
  font-size: 12px;
  color: #c0c0c0;
}

@media only screen and (max-width: 599px) {
  .commentItem .content .date {
    display: block;
    padding-left: 0;
    font-size: 13px;
  }
}

.commentItem .content .text {
  word-break: break-word;
  margin-top: 20px;
  font: 16px / 1.3 "Arial", "Helvetica-Neue", "Helvetica", sans-serif;
  color: #363439;
}

.commentItem .content .text a {
  font: 16px / 1.3 "Arial", "Helvetica-Neue", "Helvetica", sans-serif;
  color: #1f1fc7;
}

.emphasize-author .commentItem .content {
  margin-left: 65px;
}

.commentItem .attachment {
  margin-top: 10px;
}

.commentItem .video {
  overflow: hidden;
}

.commentItem .video .wrap {
  position: relative;
  float: left;
  width: 75px;
  height: 75px;
  overflow: hidden;
}

.commentItem .video .wrap:after {
  content: '\e923';
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  font-family: 'icomoon';
  text-align: center;
  line-height: 75px;
  font-size: 46px;
  color: white;
  cursor: pointer;
}

.commentItem .video .wrap img {
  width: 100%;
}

.commentItem .video p {
  float: left;
  padding-left: 10px;
  line-height: 75px;
}

@media only screen and (max-width: 599px) {
  .commentItem {
    padding: 10px 0;
  }

  .commentItem:not(.singleComment):before {
    left: 25px;
  }
}

.show-comments {
  position: relative;
  display: inline-block;
  margin: 10px;
  padding: 10px;
  background: white;
  font-size: 14px;
  color: #88a9df;
  text-decoration: none;
}

.show-comments:after {
  margin-left: 10px;
  color: #7085a8;
}

.allComments {
  display: none;
  padding: 10px;
}

.allComments.showed {
  display: block;
}

.allComments .commentItem {
  padding-bottom: 10px;
}

.comment-delete-confirmation {
  position: absolute;
  padding: 15px;
  right: 30px;
  background-color: #f5f5f5;
  border: 1px solid #EEEEEE;
}

.comment-delete-confirm,
.comment-delete-cancel,
.comment-delete-off,
.comment-delete-on {
  cursor: pointer;
}

.comment-delete-confirm,
.comment-delete-cancel {
  border-bottom: 1px dashed #000080;
  color: #000080;
  margin-left: 10px;
  margin-right: 10px;
}

.commentItem a.comment-edit-cancel,
.commentItem a.comment-edit-confirm {
  width: 150px;
  margin-left: 5px;
  cursor: pointer;
}

.activityItem .recent {
  padding: 0;
}

.comment-controls {
  float: right;
}

.switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 26px;
}

.switch input {
  visibility: visible;
  opacity: 0;
}

.switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #dbdbdb;
  border: 1px solid #999;
  transition: .4s;
}

.switch-slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 0;
  bottom: 0;
  background-color: #999;
  transition: .4s;
}

.switch-slider:after {
  content: "\e943";
  font-family: 'icomoon' !important;
  position: absolute;
  left: 4px;
  top: 0;
  line-height: 26px;
  color: #fff;
  font-size: 11px;
  box-sizing: border-box;
  transition: .4s;
}

.switch-slider--info:after {
  content: "\e921";
  font-size: 13px;
  left: 4px;
}

input:checked + .switch-slider {
  background-color: #8ee6ce;
  border: 1px solid #14b287;
}

input:focus + .switch-slider {
  box-shadow: 0 0 1px #86d3be;
}

input:checked + .switch-slider:before {
  background-color: #14b287;
}

input:checked + .switch-slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px);
}

input:checked + .switch-slider:after {
  -webkit-transform: translateX(27px);
  transform: translateX(27px);
}

.switch-slider.round {
  border-radius: 34px;
}

.switch-slider.round:before {
  border-radius: 50%;
}

@media only screen and (max-width: 599px) and (orientation: portrait) {
  .comments .subscribe {
    margin-right: 0;
    float: left;
    margin-left: 10px;
  }
}

.add-comment {
  padding: 10px;
}

.add-comment__avatar-wrap {
  float: left;
  width: 32px;
}

.add-comment__avatar {
  width: 100%;
}

.add-comment__form {
  margin-left: 32px;
  border: 1px solid #eaeaea;
}

.add-comment__skill-question {
  background-color: white;
  padding: 7px;
  font-size: 15px;
  color: #6A90CC;
}

.add-comment__skill-question__skill-list {
  height: 36px;
  line-height: 36px;
  margin: 0 2px;
  color: #8D8D8D;
  border-color: #E2E2E2;
  width: 300px;
}

.add-comment .commentArea {
  width: 100%;
  min-height: 100px;
  padding: 5px;
  box-sizing: border-box;
  overflow-y: auto;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #363439;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.3;
  border: none;
  background: white;
  outline: none;
}

.add-comment__referance-link {
  display: inline-block;
  padding: 0 10px;
  color: #7CA2DC;
  font-size: 14px;
  line-height: 40px;
}

.add-comment__referance-link:hover {
  text-decoration: none;
  background: #7CA2DC;
  color: #fff;
}

.add-comment__referance-link .icon {
  font-size: 18px;
}

.add-comment__group {
  clear: both;
}

.add-comment__group:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.add-comment__post-group {
  float: right;
}

.add-comment__post-as {
  display: inline-block;
  vertical-align: middle;
}

.add-comment__post-label {
  color: #7CA2DC;
  font-size: 14px;
}

.add-comment__post-select {
  height: 36px;
  line-height: 36px;
  margin: 0 2px;
  color: #8D8D8D;
  border-color: #E2E2E2;
}

.add-comment__btn {
  display: inline-block;
  padding: 0 10px;
  box-sizing: border-box;
  line-height: 40px;
  vertical-align: middle;
  font-size: 16px;
  color: #fff;
  background: #7CA2DC;
  width: 230px;
  text-align: center;
}

.add-comment__btn:hover {
  text-decoration: none;
  background: #6A90CC;
  color: #fff;
}

.add-comment__btn .icon {
  font-size: 22px;
  vertical-align: text-bottom;
}

.add-comment__status {
  font-size: 14px;
  color: #999;
  margin-left: 32px;
  line-height: 32px;
}

@media only screen and (max-width: 599px) and (orientation: portrait) {
  .add-comment__avatar-wrap {
    display: none;
  }

  .add-comment__form {
    margin: 0;
    border: none;
  }

  .add-comment .commentArea {
    border: 1px solid #eaeaea;
  }

  .add-comment__referance-link {
    font-size: 13px;
    padding: 0;
    text-align: center;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .add-comment__post-group {
    float: none;
    display: block;
  }

  .add-comment__post-as {
    display: block;
    text-align: right;
    margin: 5px 0 10px;
  }

  .add-comment__btn {
    display: block;
    width: 100%;
    margin: 0 auto;
  }

  .add-comment__status {
    margin: 0;
    text-align: center;
  }
}

.comment-skill-info {
  margin-bottom: 5px;
}

.comment-skill-info__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 1.2;
  font-size: 16px;
  vertical-align: middle;
  font-weight: bold;
  color: black;
}

.collapsable {
  margin-bottom: 1px;
}

.collapsable.closed header a:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.collapsable.closed .collapsable__control:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.collapsable.blue > header {
  background: #dfeafb;
}

.collapsable.blue > header a i {
  margin-right: 10px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 17px;
  background: #9db1d7;
  color: white;
  vertical-align: top;
  text-align: center;
}

.collapsable.blue > header a:after {
  color: #7085a8;
}

.collapsable > header {
  height: 35px;
  line-height: 35px;
  background: #f2f2f2;
}

.collapsable > header a {
  position: relative;
  display: block;
  padding-left: 0;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  color: #333333;
}

.collapsable > header a i {
  margin-right: 10px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 17px;
  background: #d7d7d7;
  color: white;
  vertical-align: top;
  text-align: center;
}

.collapsable > header a:after {
  position: absolute;
  right: 10px;
  display: inline-block;
  color: #bfbfbf;
  font-size: 9px;
  font-family: 'icomoon';
  content: "\e910";
}

.collapsable__button {
  white-space: nowrap;
}

.collapsable__control {
  position: relative;
  cursor: pointer;
}

.collapsable__control:after {
  font-family: 'icomoon';
  content: "\e910";
  position: absolute;
  right: 10px;
  top: 50%;
  display: inline-block;
  color: #7085a8;
  font-size: 9px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.collapsable__content--indents {
  padding: 10px 0;
}

.hide-sideMenu .hasMenu {
  margin-left: 0 !important;
}

.hide-sideMenu .sideNavigation {
  width: 0 !important;
}

.show-sideMenu .hasMenu {
  margin-left: 200px !important;
}

.show-sideMenu .sideNavigation {
  width: 200px !important;
}

.hide-notes .hasNotes {
  margin-right: 0px !important;
}

.hide-notes .noteWrapper .note:not(.edit) {
  display: none !important;
}

@media only screen and (max-width: 1023px) {
  main.hasMenu {
    margin-left: 0;
  }

  .sideNavigation {
    width: 100%;
  }
}

@media only screen and (max-width: 599px) {
  body {
    width: 100%;
    overflow-x: hidden;
  }

  .stickMenu.full .collapseMenuBtn,
  .stickMenu.full .noteControl {
    top: 76px;
  }

  .stickMenu.full .sideNavigation {
    top: 76px;
    height: calc(100% - 76px);
  }

  .stickMenu.full .search-link {
    display: none;
  }

  .stickMenu .sideNavigation {
    top: 32px;
    height: calc(100% - 32px);
  }

  .stickMenu .collapseMenuBtn,
  .stickMenu .noteControl {
    position: fixed;
    top: 32px;
  }

  .hasNotes {
    margin-right: 0px !important;
  }

  .noteWrapper .note {
    display: none !important;
  }

  .mainWrapper {
    transition: left 0.3s ease-in;
    position: relative;
    left: 0;
  }

  .mainWrapper.show-notes {
    left: -100%;
  }

  .mainWrapper.show-notes .collapseMenuBtn {
    display: none;
  }

  .mainWrapper.show-notes .noteControl {
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .mainWrapper.show-notes .noteControl .icon-add-note {
    float: left;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .mainWrapper.show-notes .noteControl .icon-arrow-next-round {
    padding-right: 0;
    float: right;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .mainWrapper.show-notes .noteWrapper .note {
    display: block !important;
  }

  .sideNavigation {
    position: fixed;
    z-index: 12;
    top: 76px;
    left: -100%;
    transition: left 0.3s ease-out;
    height: calc(100% - 76px);
    background: #f4f4f4;
  }

  .sideNavigation nav {
    width: 100%;
    min-width: 300px;
  }

  .sideNavigation.show {
    left: 0;
    transition: left 0.3s ease-out;
  }

  .sideNavigation.show .collapseMenuBtn {
    display: block;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    right: 0;
    left: auto;
  }
}

@media only screen and (max-width: 599px) {
  .ios .sideNavigation {
    min-width: 320px !important;
  }
}

.imagePopupWrapper.show .bg {
  opacity: 0.5;
}

.imagePopupWrapper.show .popup {
  opacity: 1;
}

@media only screen and (min-width: 600px) {
  .imagePopupWrapper.show .popup {
    margin-top: -325px;
  }
}

@media only screen and (max-width: 599px) {
  .imagePopupWrapper.show .popup {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.imagePopupWrapper .popup {
  z-index: 1501;
  position: fixed;
  left: 50%;
  top: 50%;
  height: 650px;
  width: 600px;
  min-width: 300px;
  min-height: 300px;
  overflow: hidden;
  opacity: 0;
  text-align: center;
  background: #202020;
}

.imagePopupWrapper .popup.presentation {
  margin-left: 0;
  margin-right: 0;
  left: auto;
  right: 40px;
}

@media only screen and (min-width: 600px) {
  .imagePopupWrapper .popup {
    margin-left: -300px;
    margin-top: 0px;
    transition: margin-top 0.2s ease-out;
  }
}

@media only screen and (max-width: 800px) and (orientation: landscape) {
  .imagePopupWrapper .popup {
    min-height: 200px;
  }
}

@media only screen and (max-width: 599px) {
  .imagePopupWrapper .popup {
    width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    transition: 0.2s ease-out;
  }
}

.imagePopupWrapper .popup.light {
  background: white;
}

.imagePopupWrapper .popup.light .count {
  font-size: 16px;
  color: #666464;
}

.imagePopupWrapper .popup.light .text {
  color: #666464;
}

.imagePopupWrapper .popup.light .text .description,
.imagePopupWrapper .popup.light .text .type,
.imagePopupWrapper .popup.light .text .name {
  color: #666464;
}

.imagePopupWrapper .popup .imgWrapper {
  position: absolute;
  margin: 0 45px;
  box-sizing: border-box;
  overflow: hidden;
}

.imagePopupWrapper .popup .popup-content {
  display: table;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  padding-bottom: 55px;
}

.imagePopupWrapper .popup .popup-content .iheader,
.imagePopupWrapper .popup .popup-content .wrap,
.imagePopupWrapper .popup .popup-content .ifooter {
  display: table-row;
}

.imagePopupWrapper .popup .popup-content .iheader,
.imagePopupWrapper .popup .popup-content .ifooter {
  height: 0;
}

.imagePopupWrapper .popup .popup-content .wrap {
  height: 100%;
  position: relative;
}

.imagePopupWrapper .popup .popup-content .loader {
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url(/ux-images/preloader.gif);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px;
  z-index: 30;
}

.imagePopupWrapper .popup .popup-content .arrows .left,
.imagePopupWrapper .popup .popup-content .arrows .right {
  position: absolute;
  top: 50%;
  cursor: pointer;
  margin-top: -62.5px;
}

.imagePopupWrapper .popup .popup-content .arrows .left i,
.imagePopupWrapper .popup .popup-content .arrows .right i {
  padding: 5px;
  font-size: 24px;
  color: #c0c0c0;
}

.imagePopupWrapper .popup .popup-content .arrows .left {
  left: 15px;
}

.imagePopupWrapper .popup .popup-content .arrows .right {
  right: 15px;
}

.imagePopupWrapper .popup .count {
  padding: 10px 0;
  color: #666464;
  font-size: 16px;
}

.imagePopupWrapper .popup .text {
  padding: 10px;
  box-sizing: border-box;
}

.imagePopupWrapper .popup .text .name {
  color: #ffffff;
}

.imagePopupWrapper .popup .text .description,
.imagePopupWrapper .popup .text .type {
  padding-top: 15px;
  line-height: 1.2;
  text-align: left;
  color: #ffffff;
  font-size: 14px;
}

.imagePopupWrapper .popup .controls {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 55px;
  text-align: center;
  background: #666464;
}

.imagePopupWrapper .popup .controls i.icon-drag {
  position: absolute;
  left: 0;
  width: 55px;
  height: 55px;
  background-color: #5d5b5b;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  line-height: 55px;
  text-align: center;
  cursor: move;
}

@media only screen and (max-width: 599px) {
  .imagePopupWrapper .popup .controls i.icon-drag {
    display: none;
  }
}

.imagePopupWrapper .popup .controls ul {
  display: inline-block;
}

.imagePopupWrapper .popup .controls ul li {
  display: inline-block;
  padding: 0px 5px;
  cursor: pointer;
}

.imagePopupWrapper .popup .controls ul li a {
  display: block;
  height: 55px;
  line-height: 55px;
}

.imagePopupWrapper .popup .controls ul li i {
  color: white;
  font-size: 24px;
  vertical-align: middle;
}

.imagePopupWrapper .popup .controls i.icon-x-squared {
  position: absolute;
  right: 0;
  width: 55px;
  height: 55px;
  color: #c0c0c0;
  background: #5d5b5b;
  font-size: 18px;
  line-height: 55px;
  text-align: center;
  cursor: pointer;
}

.imagePopupWrapper .bg {
  z-index: 1500;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: #000000;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
}

.popup-author-profile {
  height: 0;
  display: table;
  padding: 15px;
  color: #333333;
  font-size: 12px;
  line-height: 1.2;
}

.popup-author-profile__left-part {
  display: table-cell;
  width: 120px;
  padding-right: 15px;
  vertical-align: top;
}

.popup-author-profile__right-part {
  display: table-cell;
  position: relative;
  width: 330px;
  padding-left: 15px;
  border-left: 1px solid #EAEAEA;
  vertical-align: top;
}

.popup-author-profile__photo {
  width: 100%;
  height: 120px;
  background-size: cover;
  background-position: center center;
  border: 5px solid #F9F9F9;
  box-sizing: border-box;
}

.popup-author-profile__photo + .popup-author-profile__contact {
  padding-top: 15px;
}

.popup-author-profile__ortho-button.ortho-button {
  min-height: auto;
  width: 100%;
  line-height: 1;
  padding: 7px 0;
  margin-top: 5px;
  font-size: 12px;
  text-align: center;
  border-radius: 1px;
}

.popup-author-profile__name {
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 6px;
}

.popup-author-profile__name-title {
  color: #A9A9A9;
}

.popup-author-profile__position {
  color: #878787;
  padding-bottom: 6px;
}

.popup-author-profile__specialty {
  padding-bottom: 6px;
}

.popup-author-profile__hospital {
  padding-bottom: 6px;
}

.popup-author-profile__hospital-logo {
  height: 40px;
}

.popup-author-profile__qtip {
  border: 1px solid #C0C0C0;
  box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
}

.popup-author-profile__qtip .qtip-content {
  min-width: 510px;
  min-height: 150px;
  padding: 0;
}

@media only screen and (max-width: 1023px) {
  .popup-author-profile__qtip {
    display: none;
  }
}

.popup-author-profile__contact {
  line-height: 1.5;
}

.popup-author-profile__contact + .popup-author-profile__contact {
  padding-top: 10px;
}

.popup-author-profile__icon {
  float: left;
  margin-right: 5px;
  margin-top: 3px;
  font-size: 14px;
  color: #7DA2DC;
}

.popup-author-profile__icon--peak {
  margin-top: 1px;
  margin-left: -1px;
  font-size: 15px;
}

.popup-author-profile__contact-info {
  margin-left: 22px;
}

.popup-author-profile__map-iframe {
  height: 90px;
  width: 100%;
}

.popup-author-profile__main-info {
  display: table;
  width: 100%;
  padding-bottom: 10px;
}

.popup-author-profile__main-info-text {
  display: table-cell;
  vertical-align: top;
}

.popup-author-profile__main-info-img {
  display: table-cell;
  vertical-align: top;
  text-align: right;
}

.popup-author-profile__biography {
  line-height: 1.5;
  padding-bottom: 20px;
}

.popup-author-profile__controls .ortho-button + .ortho-button {
  margin-left: 12px;
}

.popup-author-profile__map {
  padding-top: 10px;
}

.popup-author-profile__clinical-tags {
  padding-bottom: 10px;
}

.popup-author-profile__clinical-tag {
  display: inline-block;
  padding: 5px;
  margin: 0 2px 5px 0;
  background-color: #E3ECFD;
}

.popup-author-profile__more-tags {
  color: #7DA2DC;
}

.site-footer-menu__content {
  margin: 0px auto;
  width: 100%;
  max-width: 980px;
  display: table;
  padding-bottom: 10px;
}

.site-footer-menu__content .site-footer-menu__content__important,
.site-footer-menu__content .site-footer-menu__content__company-info,
.site-footer-menu__content .site-footer-menu__content__businness {
  display: table-cell;
  width: 33.33%;
  padding-left: 100px;
  padding-right: 20px;
}

.site-footer-menu [class^="icon2-"],
.site-footer-menu [class*=" icon2-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/images/sprite.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

.site-footer-menu .large-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  padding: 0px 2px 4px 2px;
}

.site-footer-menu .icon2-twitter {
  background-position: 0px 0px;
}

.site-footer-menu .icon2-facebook {
  background-position: 0px -40px;
}

.site-footer-menu .icon2-linkedin {
  background-position: 0px -80px;
}

.site-footer-menu-container {
  font-size: 13px;
  color: #FFF;
  background: #1C1C1C;
  background: url(/images/footerbg.jpg);
  padding: 15px 0px 0px 0px;
}

.site-footer-menu__item {
  padding: 2px 0;
  line-height: 12px;
}

.site-footer-menu__item a {
  font-size: 12px;
}

.site-footer-menu__item__title {
  font-weight: bold;
}

.site-footer-menu__item__link {
  color: #CCC;
}

.site-footer-menu__item__link:hover {
  text-decoration: underline;
  color: #CCC;
}

.site-footer-menu__item-social {
  padding: 2px 0;
}

.site-footer-menu__item-social a {
  text-decoration: none;
}

@media only screen and (max-width: 599px) {
  .site-footer-menu__item-social {
    text-align: center;
  }
}

.site-footer-menu__copyright {
  text-align: center;
  color: #888;
  padding: 10px 0px 10px 0px;
  background: #141414;
}

.site-footer-menu-container {
  height: 180px;
  margin-top: -180px;
  box-sizing: border-box;
}

@media only screen and (max-width: 599px) {
  .site-footer-menu-container {
    height: 427px;
    margin-top: -427px;
  }
}

@media only screen and (max-width: 599px) {
  .site-footer-menu__content {
    width: auto;
  }

  .site-footer-menu__content .site-footer-menu__content__important,
  .site-footer-menu__content .site-footer-menu__content__company-info,
  .site-footer-menu__content .site-footer-menu__content__businness {
    width: 100%;
    margin: 0 0 10px 0;
    float: none;
    display: block;
    padding: 0;
  }

  .site-footer-menu__content .site-footer-menu__content__important .site-footer-menu__item,
  .site-footer-menu__content .site-footer-menu__content__company-info .site-footer-menu__item,
  .site-footer-menu__content .site-footer-menu__content__businness .site-footer-menu__item {
    padding: 3px 0;
  }

  .site-footer-menu__content .site-footer-menu__content__important .site-footer-menu__item__title,
  .site-footer-menu__content .site-footer-menu__content__company-info .site-footer-menu__item__title,
  .site-footer-menu__content .site-footer-menu__content__businness .site-footer-menu__item__title,
  .site-footer-menu__content .site-footer-menu__content__important .site-footer-menu__item,
  .site-footer-menu__content .site-footer-menu__content__company-info .site-footer-menu__item,
  .site-footer-menu__content .site-footer-menu__content__businness .site-footer-menu__item {
    text-align: center;
  }
}

.mobileAdv {
  font-family: 'Montserrat';
  color: rgba(255, 255, 255, 0.9);
}

.mobileAdv .icon-star {
  color: #315689;
  font-size: 2.2em;
  position: relative;
  text-align: center;
  top: -21px;
}

.mobileAdv-header {
  margin-top: 20px;
}

.mobileAdv-title {
  font-size: 32px;
  color: #219ad9;
  margin-left: 20px;
}

.mobile-ad-bottom-section {
  font-size: 24px;
  box-sizing: border-box;
}

.mobile-ad-bottom-section-link {
  font-size: 24px;
  color: #e1e4e6;
  text-decoration: none;
}

.mobile-ad-bottom-section-link:hover {
  text-decoration: underline;
  color: #fff;
}

.mobile-ad-bottom-section-left {
  text-align: right;
  padding-right: 20px;
}

.mobile-ad-bottom-section-center {
  text-align: center;
}

.mobile-ad-bottom-section-right {
  padding-left: 20px;
}

.mobile-ad-bottom-section {
  margin-top: 40px;
}

.stores-itunes-button.mobileAdv-top {
  margin-right: 8px;
}

.icon-star.half {
  overflow: hidden;
  width: 31px;
  top: -18px;
}

.homeFooter .navItem li a {
  text-transform: uppercase;
}

.skill-dropdown {
  overflow: hidden;
  width: 100%;
}

.skill-dropdown td {
  vertical-align: top;
}

.skill-dropdown .skill-content-wrapper {
  position: relative;
  display: none;
}

.skill-dropdown .skill-content-wrapper .close {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
  padding: 0;
  color: #c4c4c4;
  cursor: pointer;
  background: none;
  border: none;
}

.skill-dropdown .toggle {
  display: none;
}

.pollsSection {
  width: 560px;
}

.pollsSection h2 {
  font-size: 19px;
}

.pollsSection .graphWrapper {
  position: relative;
  width: 50%;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  .pollsSection .graphWrapper {
    width: 100%;
  }
}

.pollsSection .number {
  position: absolute;
  bottom: 30px;
  right: 0;
  background-color: #f4f4f4;
  color: #8596b3;
  font-size: 18px;
  padding: 8px 9px;
}

@media (max-width: 1024px) {
  .pollsSection {
    width: 280px;
  }
}

.pollsSection .submitBtn {
  display: block;
  width: 50%;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  .pollsSection .submitBtn {
    width: 100%;
  }
}

.pollsSection .answersWrapper {
  display: inline-block;
  vertical-align: top;
  width: 47%;
  font-size: 16px;
  margin-right: 3%;
}

.pollsSection .answersWrapper:nth-child(2n) {
  margin-right: 0;
}

@media (max-width: 1024px) {
  .pollsSection .answersWrapper {
    width: 100%;
  }
}

.pollsSection .answersWrapper > div,
.pollsSection .answersWrapper .lowScale,
.pollsSection .answersWrapper .highScale {
  height: 30px;
  margin-top: 12px;
  margin-bottom: 20px;
}

.pollsSection input[type="radio"] {
  display: none;
}

.pollsSection .icon-check {
  left: 40px;
}

.pollsSection .rangeWrapper .lowScale,
.pollsSection .rangeWrapper .highScale {
  display: inline-block;
  margin-bottom: 0;
}

.pollsSection div.rangeWrapper {
  height: auto;
  width: 240px;
  margin: 12px auto 0;
}

.pollsSection .quizHeader {
  display: table;
}

.pollsSection .quizHeader > span {
  display: table-cell;
  width: 44px;
  vertical-align: middle;
  text-align: center;
  font-size: 24px;
  color: white;
  background-color: #c5d2f8;
}

.pollsSection .quizTitle {
  display: table-cell;
  background-color: #f4f4f4;
  font-weight: bold;
  padding: 12px 12px 12px 14px;
}

.polls {
  margin-top: 8px;
  font-size: 0;
}

.pollTitle {
  font-size: 12px;
  color: #666;
  text-align: center;
  text-transform: uppercase;
}

sup {
  vertical-align: top;
  font-size: 10px;
}

input[type="radio"]:checked + .pollAnswer::before {
  content: '\e91e';
  font-family: 'icomoon';
  font-size: 30px;
  color: #6b98df;
  border: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.pollAnswer {
  cursor: pointer;
  position: relative;
  padding-left: 47px;
  display: inline-block;
  line-height: 33px;
  vertical-align: middle;
}

.pollAnswer::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  border: 1px solid #d9d9db;
  border-radius: 50%;
}

label[for=pollAnswer1] {
  line-height: 16px;
}

.rangeWrapper span {
  font-size: 11px;
  color: #999;
  margin-bottom: 16px;
}

.rangeWrapper > span {
  display: block;
}

.rangeWrapper #chosenScale {
  font-size: 24px;
  color: #8596b3;
}

.rangeWrapper .lowScale span,
.rangeWrapper .highScale span {
  line-height: 14px;
  vertical-align: middle;
}

.rangeWrapper .highScale {
  float: right;
}

.rangeWrapper .lowScale span:first-child {
  font-size: 18px;
}

.rangeWrapper .highScale span:last-child {
  font-size: 18px;
}

/*RANGE*/

#range {
  position: relative;
  width: 240px;
  border: 0;
  height: 7px;
  background: #eee;
  outline: none;
  margin-bottom: 0;
}

#range .ui-slider-handle {
  position: absolute;
  top: 0;
  margin: -9px 3px 0 0;
  background: #8596b3;
  border: 0;
  height: 25px;
  width: 5px;
  outline: none;
  cursor: pointer;
}

#range .ui-slider-range {
  height: 7px;
  background: #8596b3;
}

/******************Submited right column****************/

.pollsSectionSubmited .answersWrapper {
  margin-bottom: 10px;
}

.pollsSectionSubmited .answersWrapper div {
  position: relative;
  margin-top: 6px;
  margin-bottom: 8px;
  height: auto;
  font-size: 0;
}

.pollsSectionSubmited .answersWrapper div:first-of-type .pollExplanation {
  margin-top: 0;
}

.pollsSectionSubmited .answersWrapper .pollExplanation {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  line-height: 16px;
  margin-left: 8px;
  margin-top: 6px;
}

.pollsSectionSubmited .answersWrapper .pollAnswerPercent {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.8px;
  text-align: center;
  background-color: #f4f4f4;
  color: #666;
  padding-top: 17px;
  padding-bottom: 17px;
  width: 44px;
}

.pollsSectionSubmited .answersWrapper .rangeWrapper span {
  font-size: 11px;
  vertical-align: baseline;
  margin-bottom: 0;
}

.pollsSectionSubmited .answersWrapper .rangeWrapper img {
  margin: 0;
}

.pollsSectionSubmited .answersWrapper .middleScale {
  display: inline-block;
  margin-left: 45px;
}

.pollsSectionSubmited .answersWrapper .middleScale span {
  font-size: 18px;
}

.pollsSectionSubmited .answersWrapper .lowScale span:first-child {
  font-size: 18px;
}

.pollsSectionSubmited .answersWrapper .highScale span:last-child {
  font-size: 18px;
}

.pollsSectionSubmited .answersWrapper .bar {
  position: absolute;
  height: 15px;
  top: 0;
  left: 44px;
  margin-top: 0;
  margin-bottom: 0;
  width: calc(100% - 44px);
}

.pollsSectionSubmited .answersWrapper .innerBar {
  height: 15px;
  margin-top: 0;
  margin-bottom: 0;
}

.pollsSectionSubmited .answersWrapper img {
  margin: 18px 0 35px 0;
}

@media (max-width: 1024px) {
  .pollsSectionSubmited .answersWrapper img {
    margin-left: 26px;
  }
}

.pollsSectionSubmited .answersWrapper sup {
  font-size: 12px;
}

.answersList {
  display: inline-block;
  vertical-align: inherit;
  margin-left: 30px;
  margin-top: 38px;
  font-size: 14px;
}

.answersList li {
  position: relative;
  line-height: 22px;
}

.answersList li::before {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -5px;
  left: -17px;
  width: 10px;
  height: 10px;
  background-color: #ccc;
}

.answersList li:first-child::before {
  background-color: #c5d2f8;
}

.answersList li:last-child::before {
  background-color: #f4f4f4;
}

.answersList span {
  font-weight: bold;
}

.evidence-poll-section {
  float: right;
}

@media (max-width: 768px) {
  .evidence-poll-section {
    float: none;
  }
}

.hide-notes .evidence-notes-section .noteIndicator {
  visibility: visible;
}

.hide-notes .evidence-notes-section .note:not(.edit) {
  visibility: hidden;
}

.hide-notes .evidence-notes-section .noteIndicator {
  margin-right: -360px;
}

.hide-sideMenu.hide-notes .evidence-notes-section .noteIndicator {
  margin-right: -430px;
}

.hide-sideMenu .note-system .evidence-notes-section .note:not(.edit) {
  margin-right: -562px;
}

@media only screen and (max-width: 1024px) {
  .hide-sideMenu .note-system .evidence-notes-section .note:not(.edit) {
    margin-right: -515px;
  }
}

@media only screen and (max-width: 768px) {
  .hide-sideMenu .note-system .evidence-notes-section .note:not(.edit) {
    margin-right: -185px;
  }
}

@media only screen and (max-width: 599px) {
  .note-system .evidence-notes-section .note.note--insideList:not(.edit) {
    margin-right: -185px;
  }
}

.evidence-notes-section--popup .noteIndicator {
  display: none !important;
}

.evidence-notes-section--popup .note:not(.edit) {
  display: none !important;
}

@media only screen and (max-width: 599px) {
  .ios .homeSlider {
    height: calc(100vh - 80px);
  }
}

@media only screen and (max-width: 599px) {
  .ios #homeSlider .item {
    height: calc(100vh - 140px);
  }

  .ios #homeSlider .item .leftSide {
    padding-top: 10%;
  }
}

.homeSlider {
  background: #2a3d62;
  margin-bottom: 20px;
}

@media only screen and (min-width: 600px) {
  .homeSlider {
    height: 326px;
    height: calc(100vh - 266px);
  }
}

@media only screen and (max-width: 800px) and (orientation: landscape) {
  .homeSlider {
    height: 100vh;
  }
}

@media only screen and (max-width: 599px) {
  .homeSlider {
    height: 100vh;
  }
}

#homeSlider * {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-drag: none;
  -ms-user-drag: none;
  user-drag: none;
}

#homeSlider .item {
  padding-top: 76px;
  background-position: center center;
  background-size: cover;
}

@media only screen and (min-width: 600px) {
  #homeSlider .item {
    height: 250px;
    height: calc(100vh - 340px);
  }
}

@media only screen and (max-width: 800px) and (orientation: landscape) {
  #homeSlider .item {
    height: calc(100vh - 76px);
  }
}

@media only screen and (max-width: 599px) {
  #homeSlider .item {
    height: calc(100vh - 76px);
  }
}

#homeSlider .center {
  display: table;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
  position: relative;
  height: 100%;
}

@media only screen and (max-width: 599px) {
  #homeSlider .center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

#homeSlider .leftSide,
#homeSlider .rightSide {
  display: table-cell;
  vertical-align: bottom;
}

@media only screen and (max-width: 599px) {
  #homeSlider .leftSide,
  #homeSlider .rightSide {
    display: block;
  }
}

#homeSlider .leftSide {
  padding-right: 20px;
}

@media only screen and (max-width: 800px) and (orientation: landscape) {
  #homeSlider .leftSide {
    vertical-align: middle !important;
  }
}

@media only screen and (max-width: 599px) {
  #homeSlider .leftSide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    position: relative;
    padding: 0;
  }
}

@media only screen and (max-width: 599px) {
  #homeSlider .rightSide {
    width: 100%;
  }
}

#homeSlider .item h1 {
  line-height: 1.1;
  font-weight: normal;
  text-align: center;
  color: white;
  font-style: italic;
  font-family: 'Open Sans', sans-serif;
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
  #homeSlider .item h1 {
    margin-left: 0 !important;
  }
}

@media only screen and (max-width: 800px) and (orientation: landscape) {
  #homeSlider .item h1 {
    font-size: 30px !important;
    margin-left: 0 !important;
    padding-right: 20px;
  }

  #homeSlider .item h1 br {
    display: none;
  }
}

@media only screen and (max-width: 599px) {
  #homeSlider .item h1 {
    width: 100%;
    font-size: 26px !important;
    margin: auto !important;
  }

  #homeSlider .item h1 br {
    display: none;
  }
}

#homeSlider .item img {
  width: auto;
  display: inline-block;
}

#homeSlider .item .card {
  float: right;
  padding: 35px 25px;
  width: 285px;
  box-sizing: border-box;
  background: rgba(1, 18, 62, 0.6);
}

@media only screen and (max-width: 599px) {
  #homeSlider .item .card {
    padding: 25px;
    float: none !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  #homeSlider .item .card p {
    font-size: 19px !important;
    max-width: 200px;
    box-sizing: border-box;
  }
}

#homeSlider .item .card a {
  display: block;
  width: 110px;
  margin: 0 auto;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

#homeSlider .item h3 {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

#homeSlider .item h3 img {
  vertical-align: middle;
}

#homeSlider .item p {
  line-height: 1.3;
}

@media only screen and (max-width: 599px) {
  #homeSlider .item p {
    padding-bottom: 20px !important;
  }
}

#homeSlider .item1 .leftSide,
#homeSlider .item1 .rightSide {
  vertical-align: middle;
}

#homeSlider .item1 h1 {
  font-size: 42px;
  max-width: 500px;
}

#homeSlider .item1 img {
  max-width: 100%;
  width: auto;
  display: inline-block;
}

#homeSlider .item1 .rightSide {
  text-align: right;
}

@media only screen and (max-width: 599px) {
  #homeSlider .item1 .rightSide {
    text-align: center;
    padding-bottom: 20px;
  }

  #homeSlider .item1 .rightSide img {
    width: 80%;
  }
}

#homeSlider .item2 .leftSide,
#homeSlider .item2 .rightSide {
  vertical-align: bottom;
}

#homeSlider .item2 .rightSide {
  overflow: hidden;
}

#homeSlider .item2 .card {
  float: right;
  width: 285px;
  box-sizing: border-box;
}

#homeSlider .item2 h1 {
  font-size: 44px;
  max-width: 420px;
  margin-left: 115px;
  margin-bottom: 90px;
}

#homeSlider .item2 h3 {
  font-size: 30px;
  color: white;
  padding-bottom: 20px;
}

#homeSlider .item2 h3 img {
  padding-right: 10px;
}

#homeSlider .item2 p {
  padding-left: 45px;
  padding-bottom: 40px;
  font-size: 26px;
  font-family: 'Open Sans', sans-serif;
  color: #3c8674;
}

#homeSlider .item2 a {
  color: #3c8674;
}

#homeSlider .item3 h1 {
  max-width: 480px;
  margin-left: 100px;
  margin-bottom: 40px;
  font-size: 36px;
}

#homeSlider .item3 h3 {
  padding-bottom: 30px;
  color: #88a9df;
  font-size: 26px;
}

#homeSlider .item3 h3 img {
  padding-right: 15px;
}

#homeSlider .item3 p {
  padding-bottom: 35px;
  font-size: 22px;
  color: #617dab;
}

#homeSlider .item3 a {
  color: #617dab;
}

#homeSlider .item4 h1 {
  max-width: 520px;
  margin-left: 50px;
  margin-bottom: 100px;
  font-size: 40px;
}

#homeSlider .item4 h3 {
  padding-bottom: 40px;
  font-size: 30px;
  color: white;
}

#homeSlider .item4 h3 img {
  padding-right: 10px;
  height: 40px;
}

#homeSlider .item4 h3 i {
  color: #26d9c2;
  font-style: normal;
}

#homeSlider .item4 p {
  padding-bottom: 60px;
  font-size: 24px;
  color: #21a5a1;
}

#homeSlider .item4 a {
  color: #21a5a1;
}

#homeSlider .item5 h1 {
  max-width: 545px;
  margin-left: 60px;
  margin-bottom: 80px;
  font-size: 40px;
}

#homeSlider .item5 h3 {
  position: relative;
  padding-bottom: 40px;
  top: -5px;
}

#homeSlider .item5 h3 img {
  vertical-align: bottom;
  padding-right: 15px;
}

#homeSlider .item5 h3 span {
  display: inline-block;
  color: #76a4e3;
  font-size: 37px;
  line-height: 0.9;
}

#homeSlider .item5 h3 span i {
  display: block;
  font-style: normal;
  color: #dedede;
  font-size: 29px;
}

#homeSlider .item5 p {
  padding-bottom: 55px;
  font-size: 22px;
  color: #76a4e3;
}

#homeSlider .item5 a {
  color: #3b6095;
}

#homeSlider .item6 h1 {
  font-size: 38px;
  max-width: 510px;
  margin-left: 70px;
  margin-bottom: 58px;
}

#homeSlider .item6 h3 {
  padding-bottom: 20px;
}

#homeSlider .item6 p {
  padding-bottom: 60px;
  color: #6fa6df;
  font-size: 22px;
}

#homeSlider .item6 a {
  color: #2c587c;
}

#homeSlider .item7 .leftSide {
  vertical-align: middle;
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
  #homeSlider .item7 .leftSide {
    vertical-align: bottom;
  }
}

#homeSlider .item7 h1 {
  font-size: 60px;
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
  #homeSlider .item7 h1 {
    margin-bottom: 200px;
  }
}

#homeSlider .item7 h3 {
  padding-bottom: 25px;
  font-size: 22px;
}

#homeSlider .item7 p {
  color: #c14166;
  padding-bottom: 45px;
  font-size: 22px;
}

#homeSlider .item7 a {
  color: #822c5d;
}

.bannerad {
  max-width: 728px;
  margin: 0 auto;
}

.topicContent .bannerad {
  padding-bottom: 20px;
}

.vertical-banner-section {
  width: 100%;
  margin-top: 30px;
}

.vertical-banner-section .banner {
  margin: 10px auto;
  width: 180px;
  max-height: 150px;
  background-color: azure;
}

.vertical-banner-section .banner img {
  max-width: 180px !important;
  max-height: 150px;
}

.vertical-banner-section .banner iframe {
  width: inherit;
  height: inherit;
}

.marketing-wrapper {
  display: table;
  margin: 5px 0 16px 0;
}

.marketing-wrapper .plus {
  font-size: 46px;
  display: table-cell;
  color: #bababa;
  height: 100%;
  width: 30px;
  vertical-align: middle;
  background-color: #f9f9f9;
  text-align: center;
}

.marketing-wrapper .btn-takeExam {
  display: none !important;
}

.marketing-wrapper .purchased .btn-purchase {
  display: none;
}

.marketing-wrapper .purchased .btn-takeExam {
  display: inherit !important;
}

.marketing-wrapper .purchased .plus {
  color: white;
  width: 10px;
  font-size: 10px;
  background-color: white;
}

.marketing-box {
  height: 65px;
  background-color: #f9f9f9;
  display: table-cell;
  vertical-align: middle;
  text-align: -webkit-center;
  padding: 0 5px;
}

.marketing-box.questions-free,
.marketing-box.questions-vc,
.marketing-box.questions-sae {
  width: 180px;
}

.marketing-box.questions-nbs {
  width: 353px;
}

.marketing-box .marketing-number {
  width: 90px;
  font-size: 30px;
  border-right: 2px solid;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding-right: 5px;
}

.marketing-box.questions-free .marketing-number {
  color: #bababa;
  border-color: #bababa;
}

.marketing-box.questions-vc .marketing-number {
  width: 60px;
  color: #6b73b6;
  border-color: #6b73b6;
}

.marketing-box.questions-nbs .marketing-number {
  width: 60px;
  color: #79c969;
  border-color: #79c969;
}

.marketing-box.questions-sae .marketing-number {
  color: #d3353e;
  border-color: #d3353e;
}

.marketing-box .marketing-label {
  width: 90px;
  height: 54px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
  text-align: center;
  color: #6c6c6c;
}

.btn-purchase-content {
  background-color: #79c969;
  height: 55px;
  width: 165px;
  color: #fdfdfd;
  font-size: 16px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.btn-purchase-content:hover {
  background-color: #56aa59;
}

a.btn-purchase,
a.btn-takeExam {
  text-decoration: none;
}

.explanation {
  width: 250px;
  height: 110px;
  padding: 10px;
  text-align: center;
  background-color: white;
  display: table-cell;
  vertical-align: middle;
  -ms-box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.3);
}

.infinitelist .infinitelist-footer {
  text-align: center;
  padding: 10px 0px;
}

.infinitelist.infinitelist-loading .infinitelist-footer:after {
  content: '';
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  background-image: url('/JobBank/images//loading.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

.infinitelist.infinitelist-loading .infinitelist-footer a {
  display: none;
}

.pollQuestion {
  border: 1px solid #f3f3f3;
  margin-bottom: 20px;
}

.pollQuestion-item {
  margin-bottom: 10px;
}

.pollQuestion-head {
  display: table;
  width: 100%;
  padding: 2px 5px;
  box-sizing: border-box;
  background: #f3f3f3;
}

.pollQuestion-icon {
  display: table-cell;
  width: 42px;
}

.pollQuestion-controls {
  text-align: right;
  padding-bottom: 10px;
}

.pollQuestion-link {
  font-size: 14px;
  color: #000;
}

.pollQuestion-body {
  padding: 10px 10px 10px 15px;
}

.pollQuestion-question {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  padding-left: 5px;
  font-size: 14px;
}

.pollQuestion-otherOption {
  font-size: 14px;
  margin-bottom: 8px;
  margin-left: 44px;
  color: #000;
  opacity: .8;
  width: 50px;
}

.pollQuestion-qtip {
  border-color: #E2E2E2;
  background-color: #909090!important;
  color: #fff!important;
  font-size: 14px!important;
  line-height: 14px!important;
  width: 320px;
  padding: 5px!important;
}

.pollQuestion-radio {
  display: inline-block;
  vertical-align: top;
  width: 16px;
  height: 16px;
}

.pollQuestion-label {
  display: inline-block;
  width: 204px;
  vertical-align: top;
  padding: 2px 0 0 15px;
  box-sizing: border-box;
  font-size: 14px;
  color: #000;
}

.pollQuestion .question-icon {
  display: inline-block;
  width: 42px;
  height: 42px;
  background: url(/Content/images/cases/poll_header_icon.png) 0 0 no-repeat;
}

.pollQuestion .check-icon {
  display: inline-block;
  width: 32px;
  height: 22px;
  background: url(/Content/images/cases/white_check_icon.png) 0 -4px no-repeat;
  margin-right: 1px;
  vertical-align: top;
}

.pollQuestion-btnWrapper {
  text-align: center;
  margin-bottom: 10px;
}

.pollQuestion-btn {
  padding: 7px 46px;
  font-size: 16px;
  border: none;
  border-radius: 0;
  text-shadow: none;
  background-color: #7da2dd;
}

.pollQuestion-btn:hover {
  background: #5585d2;
}

.pollOptions {
  font-size: 14px;
}

.pollOptions-item {
  position: relative;
  margin-bottom: 10px;
}

.pollOptions-wrapper {
  clear: both;
  margin-bottom: 5px;
}

.pollOptions-wrapper:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.pollOptions-data {
  float: left;
}

.pollOptions-percent {
  float: right;
  font-weight: bold;
}

.pollOptions-graph {
  background: #f3f3f3;
}

.pollOptions-graphItem {
  background: #C3D9FF;
  height: 12px;
  box-sizing: border-box;
}

.ortho-list-wrapper {
  margin: 15px 0;
}

.ortho-list-wrapper .ortho-list-item {
  border-bottom: 1px solid #E9E9E9;
  list-style: none;
}

.ortho-list-wrapper .ortho-list-item > a {
  min-height: 60px;
  box-sizing: border-box;
  display: block;
}

.ortho-list-wrapper .ortho-list-item:hover {
  background-color: #EDEFF4;
}

.ortho-list-wrapper .ortho-list-item-image {
  float: left;
  width: 60px;
  height: 60px;
}

.ortho-list-wrapper .ortho-list-item-image img {
  width: 100%;
  height: 100%;
}

.ortho-list-wrapper .ortho-list-item-text {
  padding: 3px 8px;
  float: left;
  min-width: 200px;
}

.ortho-list-wrapper .ortho-list-item-text span {
  display: inline-block;
}

.ortho-list-wrapper .ortho-list-item-icon {
  float: right;
  color: #c2cad8;
  display: inline-block;
  font-size: 25px;
  padding: 5px 10px 5px 5px;
  line-height: 50px;
}

.ortho-list-wrapper .ortho-list-small .ortho-list-item > a {
  min-height: 40px;
  height: 42px;
  overflow: hidden;
}

.ortho-list-wrapper .ortho-list-small .ortho-list-item-image {
  float: left;
  width: 42px;
  height: 42px;
}

.ortho-list-wrapper .ortho-list-small .ortho-list-item-icon {
  font-size: 15px;
  padding: 5px 10px 5px 5px;
  line-height: 30px;
}

td.transaction {
  cursor: pointer;
}

td.transaction:hover {
  background-color: #f3f3f3;
}

.transaction-data .row {
  border-bottom: 1px solid #EEEEEE;
  min-height: 18px;
}

.send-product-message.red {
  background-color: #ea3e3e;
}

.send-product-message.red:hover {
  background-color: #ce3939;
}

.send-product-message.green {
  background-color: #54a14c;
}

.send-product-message.green:hover {
  background-color: #24751c;
}

.profile-vc-status-small .vc-status-text {
  max-width: 220px;
}

.profile-vc-status {
  display: block;
  padding: 0;
  color: #FFFFFF;
  height: 50px;
  font-size: 14px;
}

.profile-vc-status * {
  box-sizing: border-box;
}

.profile-vc-status img {
  height: 50px;
  padding: 12px 5px 12px 10px;
}

.profile-vc-status .vc-status-extratext,
.profile-vc-status .vc-status-text {
  padding: 6px 10px 0 10px;
  display: inline-block;
  height: 50px;
}

.profile-vc-status .vc-status-extratext {
  float: right;
  text-align: center;
  line-height: 36px;
  max-width: 150px;
  font-weight: bold;
  font-size: 16px;
}

.profile-vc-status .vc-status-text {
  float: left;
  line-height: 38px;
  overflow: hidden;
}

.profile-vc-status .vc-status-text span {
  display: inline-block;
}

.profile-vc-status .vc-status-text .vc-status-subtext {
  font-size: 12px;
  opacity: 0.6;
  line-height: 12px;
  max-height: 25px;
  overflow: hidden;
}

.profile-vc-status.vc-status-active {
  background-color: #009999;
}

.profile-vc-status.vc-status-active .vc-status-extratext {
  background-color: #007370;
}

.profile-vc-status.vc-status-active .vc-status-text {
  line-height: 17px;
}

.profile-vc-status.peak-status-active {
  background-color: #0E8EBF;
}

.profile-vc-status.peak-status-active .vc-status-extratext {
  background-color: #0A7199;
}

.profile-vc-status.peak-status-active .vc-status-text {
  line-height: 17px;
}

.profile-vc-status.pass-status-active {
  background-color: #a264ab;
}

.profile-vc-status.pass-status-active .vc-status-extratext {
  background-color: #6f0689;
}

.profile-vc-status.pass-status-active .vc-status-text {
  line-height: 17px;
}

.profile-vc-status.vc-status-upgrade {
  background-color: #0094c8;
}

.profile-vc-status.vc-status-upgrade .vc-status-text {
  padding-left: 10px;
  font-weight: bold;
}

.profile-vc-status.vc-status-expired {
  background-color: #A70DB0;
}

a.profile-vc-status:hover {
  color: #FFF;
}

a.profile-vc-status.vc-status-active:hover {
  background-color: #109fd6;
}

a.profile-vc-status.vc-status-expired:hover {
  background-color: #c239ca;
}

a.profile-vc-status.vc-status-upgrade:hover {
  background-color: #00a2db;
}

.vc-status-text .icon-peak {
  position: relative;
  top: 1px;
}

.vc-status-text__peak {
  font-family: 'Montserrat', sans-serif;
}

.job-banner {
  margin-top: 30px;
}

.job-banner a:hover {
  cursor: pointer;
  text-decoration: none;
}

.job-banner-title {
  color: #6e6e6f;
  font-size: 13px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 7px;
}

.job-banner-title div {
  display: inline-block;
  margin: auto 5px;
}

.job-banner-listings-wrapper {
  max-height: 320px;
  overflow-y: auto;
}

.job-banner-listing {
  width: 90%;
  padding: 5px;
  background-color: white;
  margin-bottom: 5px;
  font-size: 10px;
}

.job-banner-listing div {
  padding-bottom: 2px;
}

.job-banner-buttons {
  font-size: 16px;
  width: 95%;
  margin-top: 5px;
}

.job-banner-listing-title {
  font-weight: bold;
  color: #22229C;
}

.job-banner-listing-location {
  color: black;
}

.job-banner-listing-posted {
  color: #9e9e9e;
}

.ortho-bg-green-soft,
tr.ortho-bg-green-soft {
  background-color: #E1F5DD;
}

.ortho-bg-green-soft td,
tr.ortho-bg-green-soft td {
  background-color: #E1F5DD;
}

.ortho-bg-blue-soft,
tr.ortho-bg-blue-soft {
  background-color: #edf3fd;
}

.ortho-bg-blue-soft td,
tr.ortho-bg-blue-soft td {
  background-color: #edf3fd;
}

.ortho-bg-red-soft,
tr.ortho-bg-red-soft {
  background-color: #fbe9ed;
}

.ortho-bg-red-soft td,
tr.ortho-bg-red-soft td {
  background-color: #fbe9ed;
}

body.Orthopaedics .primary-bg {
  background-color: #395685;
}

body.MedbulletsStep1 .primary-bg {
  background-color: #00655c;
}

body.MedbulletsStep2And3 .primary-bg {
  background-color: #056693;
}

body.EntBullets .primary-bg {
  background-color: #022230;
}

.ortho-table {
  display: table;
}

.ortho-table-fullwidth {
  display: table;
  width: 100%;
}

.ortho-table-bordered {
  border: 1px solid #E8E8E8;
}

.ortho-table-bordered .ortho-table-row:last-child .ortho-table-cell {
  border-bottom: none;
}

.ortho-table-header {
  background-color: #f9f9f9;
  font-weight: bold;
  color: #5c5c5c;
}

.ortho-table-header,
.ortho-table-row {
  height: 30px;
  line-height: 30px;
  display: table-row;
}

.ortho-table-header:last-child .ortho-table-cell,
.ortho-table-row:last-child .ortho-table-cell {
  border-bottom: none;
}

.ortho-table-header {
  font-size: 14px;
}

.ortho-table-row {
  font-size: 12px;
}

.ortho-table-cell {
  display: table-cell;
  padding: 0 10px;
  border-bottom: 1px solid #E8E8E8;
}

.ortho-table-cell.number {
  width: 50px;
  text-align: center;
}

.ortho-table-cell {
  vertical-align: middle;
}

.ortho-table-cell.buttons a {
  margin-right: 10px;
}

body.Orthopaedics .trialActivationLink {
  background-image: url("/images/free_trial/90trialOB_button.png");
}

body.MedbulletsStep1 .trialActivationLink {
  background-image: url("/images/free_trial/90trialStep1_button.png");
}

body.MedbulletsStep2 .trialActivationLink {
  background-image: url("/images/free_trial/90trialStep2_button.png");
}

a.trialActivationLink {
  display: inline-block;
  width: 482px;
  height: 151px;
}

.case-log-list-table {
  width: 100%;
  font-family: arial, sans-serif;
  border-collapse: collapse;
  margin-top: 2px;
  margin-bottom: 10px;
}

.case-log-list-table__row {
  border-bottom: 1px solid #ececec;
}

.case-log-list-table__row:hover {
  background: #e3ecfd;
}

.case-log-list-table__row:hover .case-log-list-table__icon {
  opacity: 1;
  visibility: visible;
}

.case-log-list-table__element {
  vertical-align: middle;
  padding: 15px 20px 15px 0;
  font-size: 14px;
}

.case-log-list-table__element:first-of-type {
  padding-left: 10px;
}

.case-log-list-table__element:last-child {
  padding: 3px 10px 3px 0;
  text-align: right;
}

.case-log-list-table__element--id {
  color: #333333;
  font-weight: bold;
}

.case-log-list-table__element--th {
  padding: 5px 20px 5px 0;
  color: #898989;
  font-size: 12px;
  border-bottom: 1px solid #ececec;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #f4f4f4;
  text-align: left;
}

.case-log-list-table__element--cpt {
  word-break: break-word;
}

.case-log-list-table__icon {
  font-size: 24px;
  color: #7ca2dc;
  transition: color 0.15s;
  opacity: 0;
  visibility: hidden;
}

@media only screen and (max-width: 1023px) {
  .case-log-list-table__icon {
    opacity: 1;
    visibility: visible;
  }
}

.case-log-list-table__icon:hover {
  color: #ffffff;
}

.cptcode-item__content {
  padding: 10px 20px;
  cursor: pointer;
  line-height: 1.2;
  color: #535353;
}

.cptcode-item__content:hover {
  background-color: #359aa4;
  color: #ffffff;
}

.cptcode-item__empty {
  padding: 10px 20px;
}

.qtip-popup__content {
  display: none;
  position: relative;
}

.qtip-popup--cpt-code-desc {
  background-color: #359aa4;
  border: none;
  color: #ffffff;
  font-size: 14px;
  padding: 10px 3px 10px 3px;
}

.qtip-popup--cpt-code-desc .qtip-popup__content {
  line-height: 1.1;
  max-width: 500px;
}

.qtip-popup--cpt-code-desc .qtip-popup__content--admin {
  padding-right: 35px;
}

.qtip__breakdown-content {
  border: none;
  box-shadow: 0 0 7px gray;
}

.qtip__breakdown-content .qtip-content {
  padding: 0;
}

.qtip__breakdown-content .qtip-tip {
  display: none !important;
}

.simple-form__title {
  padding-top: 5px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 700;
}

.simple-form__section {
  padding-bottom: 5px;
}

.simple-form__section--half {
  font-size: 0;
}

.simple-form__section--separator {
  margin-bottom: 20px;
  border-bottom: 1px solid #EAEAEA;
}

.simple-form__block--half {
  display: inline-block;
  width: 48%;
  font-size: 14px;
  padding-bottom: 15px;
}

@media only screen and (max-width: 599px) {
  .simple-form__block--half {
    width: 100%;
  }
}

.simple-form__block--half:nth-child(even) {
  margin-left: 4%;
}

@media only screen and (max-width: 599px) {
  .simple-form__block--half:nth-child(even) {
    margin-left: 0;
  }
}

.simple-form__block:not(.simple-form__block--half) + .simple-form__block:not(.simple-form__block--half) {
  padding-top: 15px;
}

.simple-form__label {
  padding-bottom: 5px;
  color: #5c5c5c;
  font-size: 14px;
  line-height: 1.3;
}

.simple-form__description {
  color: #5c5c5c;
  font-size: 14px;
  line-height: 1.2;
  padding-top: 10px;
}

.simple-form__delete {
  position: absolute;
  left: 0;
}

@media only screen and (max-width: 599px) {
  .simple-form__delete {
    position: relative;
    margin-top: 10px;
  }
}

.simple-form__delete-text {
  padding: 20px 0;
}

.simple-form__note {
  padding-bottom: 5px;
  font-size: 13px;
  color: #878787;
  line-height: 1.3;
}

.text-field {
  width: 100%;
  padding: 7px 12px;
  box-sizing: border-box;
  outline: none;
  transition: 0.2s;
  border: 1px solid #cccccc;
}

.text-field:hover {
  border: 1px solid #66afe9;
}

.text-field:focus,
.text-field:active {
  border: 1px solid #66afe9;
  box-shadow: 0 0 4px #66afe9;
}

.text-field::-webkit-input-placeholder {
  font-style: normal;
  color: #A2A2A2;
}

.text-field::-moz-placeholder {
  font-style: normal;
  color: #A2A2A2;
}

.text-field:-ms-input-placeholder {
  font-style: normal;
  color: #A2A2A2;
}

.text-field::placeholder {
  font-style: normal;
  color: #A2A2A2;
}

.text-field.input-validation-error {
  border: 1px solid #dd5f5f;
  box-shadow: 0 0 4px #dd5f5f;
}

.date-field {
  width: 100%;
  padding: 5px 12px;
  box-sizing: border-box;
  outline: none;
  transition: 0.2s;
  border: 1px solid #cccccc;
  font-family: "Arial", Helvetica, sans-serif;
}

.date-field:hover {
  border: 1px solid #66afe9;
}

.date-field:focus,
.date-field:active {
  border: 1px solid #66afe9;
  box-shadow: 0 0 4px #66afe9;
}

.date-field::-webkit-inner-spin-button {
  display: none;
}

.date-field.input-validation-error {
  border: 1px solid #dd5f5f;
  box-shadow: 0 0 4px #dd5f5f;
}

.dropdown-field {
  width: 100%;
  padding: 6px 9px;
  box-sizing: border-box;
  outline: none;
  transition: 0.2s;
  border: 1px solid #cccccc;
}

.dropdown-field:hover {
  border: 1px solid #66afe9;
}

.dropdown-field:focus,
.dropdown-field:active {
  border: 1px solid #66afe9;
  box-shadow: 0 0 4px #66afe9;
}

.dropdown-field.input-validation-error {
  border: 1px solid #dd5f5f;
  box-shadow: 0 0 4px #dd5f5f;
}

.styled-link {
  position: relative;
  color: #000000;
  display: inline-block;
}

.styled-link:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  transition: 0.3s;
  height: 1px;
  background-color: #000000;
}

.styled-link:hover {
  text-decoration: none;
}

.styled-link:hover:after {
  width: 100%;
}

.styled-link--white {
  color: #ffffff;
}

.styled-link--white:after {
  background-color: #ffffff;
}

.styled-link--pelorous {
  color: #2FADB5;
}

.styled-link--pelorous:after {
  background-color: #2FADB5;
}

.styled-link--cerulean-light {
  color: #00A7D8;
}

.styled-link--cerulean-light:after {
  background-color: #00A7D8;
}

.styled-link--cerulean {
  color: #0E8EBF;
}

.styled-link--cerulean:after {
  background-color: #0E8EBF;
}

.styled-link--height-2:after {
  height: 2px;
}

.simple-link {
  transition: 0.3s;
}

.simple-link:hover {
  text-decoration: none;
}

.simple-link--pelorous {
  color: #2FADB5;
}

.simple-link--pelorous:hover {
  color: #279198;
}

.simple-link--cerulean-light {
  color: #00A7D8;
}

.simple-link--cerulean-light:hover {
  color: #0192bd;
}

.simple-link--cerulean {
  color: #0E8EBF;
}

.simple-link--cerulean:hover {
  color: #0c7ba6;
}

@media only screen and (max-width: 599px) {
  .peak-subscriptions--desktop {
    display: none;
  }
}

.peak-subscriptions--phone {
  display: none;
}

@media only screen and (max-width: 599px) {
  .peak-subscriptions--phone {
    display: block;
  }
}

@media only screen and (max-width: 599px) {
  .product-chart__title-col {
    width: 42% !important;
  }
}

@media only screen and (max-width: 599px) {
  .product-chart__check-col {
    width: 28% !important;
  }
}

@media only screen and (max-width: 599px) {
  .product-chart__devider-col {
    width: 1% !important;
  }
}

@media only screen and (max-width: 599px) {
  .product-chart__title * {
    font-size: 13px !important;
  }
}

@media only screen and (max-width: 599px) {
  .product-chart__description * {
    font-size: 11px !important;
  }
}

@media only screen and (max-width: 599px) {
  .product-chart__feature * {
    font-size: 14px !important;
  }
}

@media only screen and (max-width: 599px) {
  .product-chart__more * {
    font-size: 14px !important;
  }
}

.peak-tutorials .peak-tutorials__step {
  padding: 15px 0;
}

.peak-tutorials .peak-tutorials__step--empty {
  padding: 0;
}

@media only screen and (max-width: 599px) {
  .peak-tutorials__step {
    display: block;
    width: 100%;
    margin: 0 17px;
  }
}

@media only screen and (max-width: 599px) {
  .peak-tutorials__elem {
    display: block;
    width: 100%;
    padding: 0 15px !important;
  }
}

.peak-tutorials__elem--hide {
  display: none;
}

@media only screen and (max-width: 599px) {
  .peak-tutorials__elem img {
    float: none !important;
    height: auto;
    width: 100%;
  }
}

.content-filter__title {
  padding: 14px 0 3px 0;
  border-bottom: 1px dotted #c0c0c0;
  font-size: 14px;
  font-weight: bold;
  position: relative;
}

.content-filter__param {
  width: 18.5%;
  float: left;
}

@media only screen and (max-width: 599px) {
  .content-filter__param {
    width: 100%;
    float: none;
  }
}

.content-filter__param + .content-filter__param {
  margin-left: 1.8%;
}

@media only screen and (max-width: 599px) {
  .content-filter__param + .content-filter__param {
    margin-left: 0;
    padding-top: 15px;
  }
}

.content-filter__body {
  padding-top: 10px;
}

.content-filter__dropdown-button {
  position: absolute;
  right: 0;
  bottom: 2px;
}

.content-filter .ortho-tip {
  font-size: 12px;
  padding: 3px;
}

.verticalListItem {
  padding-bottom: 9px;
  vertical-align: top;
}

#event-edit .chzn-container,
#event-edit .chzn-drop,
#event-edit .chzn-search input,
#event-edit .chzn-choices .search-field input {
  width: 100% !important;
}

#event-edit .chzn-choices .search-field {
  height: 32px;
  display: block;
}

#event-edit .chzn-single span {
  height: 32px;
  line-height: 32px;
}

#event-edit #tabs {
  border: none;
}

#event-edit #tabs .ui-tabs-panel {
  padding: 0;
}

#event-edit #tabs > ul {
  text-align: center;
  margin: 10px 0 10px;
  padding: 0;
  border: none;
  background: transparent;
}

#event-edit #tabs > ul li {
  display: inline-block;
  float: none;
  border-radius: 0;
  border: none;
  background: transparent;
}

#event-edit #tabs > ul li.ui-state-active a,
#event-edit #tabs > ul li a:hover {
  background-color: #5a7aaf;
  color: #FFF;
}

#event-edit #tabs > ul li a {
  color: #000;
  font-size: 14px;
  background: transparent;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  padding: 5px 10px;
}

#event-edit #event-daily-tabs {
  border: none;
}

#event-edit #event-daily-tabs > ul {
  padding: 0;
  border: none;
  background: transparent;
}

#event-edit #event-daily-tabs li {
  display: inline-block;
}

#event-edit #event-daily-tabs li a {
  display: inline-block;
  border: 1px solid #5a7aaf;
  padding: 8px;
  color: #2a5077;
}

#event-edit #event-daily-tabs li a:active,
#event-edit #event-daily-tabs li a:focus,
#event-edit #event-daily-tabs li a:hover,
#event-edit #event-daily-tabs li a.active {
  text-decoration: none;
  background-color: #5a7aaf;
  color: #fff;
}

#event-edit .event-sessions-container {
  min-width: 820px;
}

#event-edit .event-sessions-container-session {
  border: 1px solid #ddd;
  background-color: #f5f5f5;
  position: relative;
  margin: 10px 0;
}

#event-edit .event-sessions-container-add {
  display: block;
  padding: 20px 5px;
  height: 60px;
  text-align: center;
  line-height: 20px;
  font-size: 16px;
  color: #7d8da7;
  transition: all linear 0.2s;
  margin: 10px 0;
  border: 1px solid #f1f4f9;
}

#event-edit .event-sessions-container-add:hover,
#event-edit .event-sessions-container-add:focus {
  text-decoration: none;
  background-color: #f1f4f9 !important;
  color: #2a5077;
  border: 1px solid #f1f4f9;
}

#event-edit .event-sessions-container .session-items-list .session-item-title {
  width: 100px;
  overflow: hidden;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
}

#event-edit .eventsession-remove {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background: url(/Content/images/modal/cancel_button_icon.png) no-repeat;
  background-position: center;
  cursor: pointer;
  z-index: 100;
}

#event-edit a.eventsession-timeslot-add {
  display: block;
  padding: 8px 5px;
  color: #666;
  border: 1px dashed #d5d5d5;
  transition: all linear 0.2s;
  margin: 10px 0;
}

#event-edit a.eventsession-timeslot-add:hover {
  background-color: #eee;
  color: #222;
  text-decoration: none;
  border: 1px dashed #aaa;
}

#event-edit a.eventsession-timeslot-add:focus {
  text-decoration: none;
}

#event-edit .timeslots-headings > div {
  height: 20px;
  line-height: 20px;
  padding: 0;
  display: block;
  margin-top: 10px;
  text-transform: uppercase;
  opacity: 0.8;
}

#event-edit .timeslots-items-item input {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: none;
  border-right: none;
  height: 32px;
  padding: 0 5px;
}

#event-edit .timeslots-items .timeslots-items-item:last-of-type input {
  border-bottom: 1px solid #ddd;
}

#event-edit .timeslots-items .timeslots-items-item .eventsession-timeslot-remove {
  height: 32px;
  line-height: 32px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 0;
  text-align: center;
  color: #666;
  transition: color linear 0.2s;
  transition: background-color linear 0.2s;
}

#event-edit .timeslots-items .timeslots-items-item .eventsession-timeslot-remove:hover,
#event-edit .timeslots-items .timeslots-items-item .eventsession-timeslot-remove:focus {
  text-decoration: none;
  background-color: #e8e8e8;
  color: #222;
}

#event-edit .timeslots-items .timeslots-items-item:last-of-type .eventsession-timeslot-remove {
  height: 32px;
  line-height: 32px;
  border: 1px solid #ddd;
}

.event-header {
  height: 140px;
  padding: 20px 20px;
  background-color: #395685;
  background: linear-gradient(180deg, #6B8FBB 0%, #395685 100%);
  margin: 10px 0;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  border-radius: 1px;
}

.event-header__title-container {
  position: relative;
}

.event-header__title-container__dates {
  font-weight: bold;
  line-height: 18px;
  color: #FFF;
  font-size: 16px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.event-header__title-container__title {
  color: #FFF;
  font-weight: bold;
  font-size: 27px;
  line-height: 31px;
  max-height: 31px;
  overflow: hidden;
  margin-bottom: 15px;
}

.event-header__title-container__location {
  color: #FFF;
  font-size: 16px;
  line-height: 18px;
}

.event-header__settings {
  position: absolute;
  bottom: 15px;
  right: 20px;
}

.event-header__settings a {
  height: 21px;
  line-height: 21px;
  float: right;
  font-weight: normal;
  margin-left: 10px;
  font-size: 14px;
  color: #FFF;
}

.event-header__settings a .icon {
  font-size: 16px;
}

.event-header__logo {
  position: absolute;
  top: 20px;
  right: 20px;
  max-height: 60px;
  max-width: 175px;
}

.event-header__backgroundImage {
  position: absolute;
  width: 1090px;
  top: 0px;
  left: 0px;
}

.connected-events {
  margin-top: 18px;
  padding: 0;
}

@media only screen and (max-width: 599px) {
  .connected-events {
    padding: 0 10px;
  }
}

.connected-events a {
  font-size: 14px;
  padding-right: 7px;
}

.connected-events .separator {
  padding-right: 7px;
  color: #eeeeee;
}

.connected-events .separator:last-of-type {
  display: none;
}

.event-days-navigation {
  padding: 10px 0 15px 0;
}

.event-days-navigation__day {
  display: inline-block;
}

.event-days-navigation__day.active a,
.event-days-navigation__day:hover a {
  color: #395685;
  border-bottom: 2px solid #395685;
  text-decoration: none;
  font-weight: 700;
}

.event-days-navigation__day a {
  width: 120px;
  font-size: 14px;
  text-transform: uppercase;
  height: 30px;
  line-height: 30px;
  display: block;
  text-align: center;
  font-weight: 400;
  border-bottom: 2px solid #E6E6E6;
  color: #A9A9A9;
  transition: all ease-out 0.15s;
}

.event-days-navigation__day a:focus {
  text-decoration: none;
}

.study-plan-user-view .event-agenda {
  display: block !important;
}

.event-upcoming {
  padding: 0;
  text-align: right;
}

@media only screen and (max-width: 599px) {
  .event-upcoming {
    text-align: left;
    padding: 0 10px;
  }
}

.event-upcoming__days-left {
  color: #7DA2DC;
  font-size: 15px;
  font-weight: bold;
  padding: 18px 10px 0 0;
  text-align: right;
  text-transform: uppercase;
  width: 100%;
}

.event-upcoming .event-registration__button {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #FFF;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 2px;
  background-color: #7DA2DC;
  padding: 0 15px;
  cursor: pointer;
  transition: all linear 0.1s;
  margin-top: 10px;
}

.event-upcoming .event-registration__button:hover {
  text-decoration: none;
  background-color: #5585d2;
  color: #FFF;
}

.event-upcoming .event-registration__button:focus {
  text-decoration: none;
}

.event-content {
  font-family: Arial;
  color: #333333;
}

.event-content .tracks-list .content-searcher__input {
  font-size: 13px;
  line-height: 24px;
  width: 80%;
  display: inline-block;
}

.event-content .tracks-list__items .track-item > div {
  display: inline-block;
}

.event-content .tracks-list__items .track-item-title {
  padding: 0 10px 5px 10px;
  width: 65%;
  font-size: 14px;
  color: #222;
  white-space: nowrap;
  overflow: hidden;
}

.event-content .tracks-list__items .track-item-controls {
  width: 30%;
  float: right !important;
  position: relative;
}

.event-content .tracks-list__items .track-item-controls__remove-link {
  color: red;
  padding: 3px 5px;
  text-decoration: none;
}

.event-content .tracks-list__items .track-item-controls__remove-link:hover {
  background-color: #e0e4ef;
}

.event-content .exams-list {
  margin: 0 0 10px 0;
}

.event-content .exams-list__headers {
  padding: 8px 10px 1px 10px;
  height: 25px;
  color: #b2b2b2;
}

.event-content .exams-list__headers .exams-list-header {
  display: inline-block;
  text-align: center;
}

.event-content .exams-list__headers .exams-list-header--title {
  width: 50%;
  text-align: left;
}

.event-content .exams-list__headers .exams-list-header--questions {
  width: 10%;
}

.event-content .exams-list__headers .exams-list-header--score {
  width: 10%;
}

.event-content .exams-list__headers .exams-list-header--controls {
  float: right;
  width: 25%;
}

.event-content .exams-list__items .exam-item {
  height: 50px;
  width: 100%;
}

.event-content .exams-list__items .exam-item > div {
  float: left;
  display: inline-block;
}

.event-content .exams-list__items .exam-item-title {
  height: 50px;
  padding: 12px 8px 0 10px;
  width: 50%;
}

.event-content .exams-list__items .exam-item-title-name {
  font-size: 14px;
  color: #222;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: bold;
  height: 17px;
}

.event-content .exams-list__items .exam-item-title-code {
  font-size: 11px;
  color: #9b9a9c;
}

.event-content .exams-list__items .exam-item-questions {
  width: 10%;
  text-align: center;
  line-height: 50px;
  font-size: 13px;
}

.event-content .exams-list__items .exam-item-score {
  width: 10%;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  font-weight: bold;
}

.event-content .exams-list__items .exam-item-controls {
  height: 50px;
  width: 30%;
  float: right !important;
  line-height: 50px;
  position: relative;
}

.event-content .exams-list__items .exam-item-controls__button {
  padding-left: 50px;
  color: #FFF;
  background-color: #99da8a;
  background-image: url(/images/testmaster/test_start.png);
  background-repeat: no-repeat;
  background-position: 8px 8px;
  width: 150px;
  display: inline-block;
  font-size: 18px;
  float: right;
}

.event-content .exams-list__items .exam-item-controls__button--review {
  background-image: url(/images/testmaster/test_review.png);
  background-position: 13px 12px;
  background-color: #f9f9f9;
  color: #7da2dd !important;
}

.event-content .exams-list__items .exam-item-controls__button--review:hover {
  background-color: #f3f3f3 !important;
}

.event-content .exams-list__items .exam-item-controls__button:hover,
.event-content .exams-list__items .exam-item-controls__buttonfocus {
  text-decoration: none;
  background-color: #8dc480;
}

.event-content .exams-list__items .exam-item-controls__remove-link {
  background-image: url(/images/cancel_button_icon.png);
  background-repeat: no-repeat;
  background-position: 50%;
  vertical-align: middle;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  display: none;
}

.event-content .exams-list__items .exam-item-controls__remove-link:hover {
  background-color: #e0e4ef;
}

.event-content .exams-list__items .exam-item:hover {
  background-color: #f8f8f8;
}

.event-content .exams-list__items .exam-item:hover .exam-item-controls__remove-link {
  display: block;
}

.event-content .event-registration__button {
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  color: #FFF;
  font-size: 12px;
  text-transform: uppercase;
  border-radius: 2px;
  background-color: #7DA2DC;
  padding: 0 15px;
  float: right;
  cursor: pointer;
  transition: all linear 0.1s;
  margin-top: 10px;
}

.event-content .event-registration__button:hover {
  text-decoration: none;
  background-color: #5585d2;
  color: #FFF;
}

.event-content .event-registration__button:focus {
  text-decoration: none;
}

.event-content__attendees-filter,
.event-content__videos-filter,
.event-content__cases-filter,
.event-content__documents-filter {
  padding-bottom: 15px;
}

@media only screen and (max-width: 599px) {
  .event-content__attendees-filter,
  .event-content__videos-filter,
  .event-content__cases-filter,
  .event-content__documents-filter {
    padding: 0 10px 20px 10px;
  }
}

.event-content__attendees-list {
  margin: 0 -10px;
}

@media only screen and (max-width: 599px) {
  .event-content__attendees-list {
    margin: 0 10px;
  }
}

.event-content__filter-title {
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 15px;
  color: #878787;
  float: left;
}

.event-content__filter-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  padding-top: 3px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 599px) {
  .event-content__filter-tabs {
    float: none;
    padding-bottom: 10px;
    max-width: 100%;
  }
}

.event-content__filter-tabs .documents-filter-tag,
.event-content__filter-tabs .video-filter-tag {
  border-bottom: 2px solid;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  opacity: 0.6;
  border-color: #dddddd;
}

.event-content__filter-tabs .documents-filter-tag:hover,
.event-content__filter-tabs .video-filter-tag:hover {
  opacity: 1;
  background-color: #f9f9f9;
}

.event-content__filter-tabs .documents-filter-tag.selected,
.event-content__filter-tabs .video-filter-tag.selected {
  border-color: inherit !important;
  opacity: 1;
}

.event-content__filter-tabs .documents-filter-tag--default.selected,
.event-content__filter-tabs .video-filter-tag--default.selected {
  color: #395685;
  border-bottom: 2px solid #395685;
}

.event-content__search {
  position: relative;
  float: right;
}

@media only screen and (max-width: 599px) {
  .event-content__search {
    float: none;
  }
}

.event-content__search .icon {
  position: absolute;
  top: 8px;
  right: 10px;
  color: #A4A4A4;
  font-size: 14px;
}

.event-content__search-field {
  height: 30px;
  width: 240px;
  padding: 0 30px 0 10px;
  box-sizing: border-box;
  border: 1px solid #EAEAEA;
  border-radius: 1px;
  color: #A4A4A4;
  font-size: 14px;
  transition: 0.2s ease border;
}

.event-content__search-field:focus {
  border: 1px solid #c7c7c7;
}

.event-content__search-field::-webkit-input-placeholder {
  color: #A4A4A4;
}

.event-content__search-field::-moz-placeholder {
  color: #A4A4A4;
}

.event-content__search-field:-ms-input-placeholder {
  color: #A4A4A4;
}

.event-content__search-field::placeholder {
  color: #A4A4A4;
}

@media only screen and (max-width: 599px) {
  .event-content__search-field {
    width: 100%;
  }
}

.event-content--overview > .row {
  margin-bottom: 30px;
}

.event-content--overview > .row .col-md-12 {
  padding: 0;
}

.event-content .dashboardItem--hidden {
  display: none !important;
}

.event-content h3 {
  font-size: 12px;
  color: #878787;
  line-height: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.event-content p {
  display: block;
  line-height: 21px;
  color: #333;
  font-size: 14px;
}

.event-content .location {
  line-height: 21px;
  display: inline-block;
}

.event-content .location a {
  font-weight: bold;
  color: #7DA2DC;
}

.event-content .description {
  line-height: 24px;
}

.event-content .description h3 {
  margin-bottom: 5px;
}

.event-content .location-full {
  font-size: 14px;
  line-height: 24px;
}

.event-content .location-full .map {
  margin-top: 10px;
  border-radius: 1px;
}

.event-content .location-full .map iframe {
  width: 100%;
  height: 100%;
}

.event-content .chairs .chair {
  width: 50%;
  max-width: 510px;
  min-width: 400px;
  float: left;
  margin-bottom: 10px;
  margin-top: 15px;
}

@media only screen and (max-width: 599px) {
  .event-content .chairs .chair {
    width: 100%;
    min-width: auto;
  }
}

.event-content .chairs .chair:nth-child(odd) {
  clear: left;
}

.event-content .chairs .chair__info {
  padding: 0 15px;
  margin-left: 120px;
}

@media only screen and (max-width: 599px) {
  .event-content .chairs .chair__info {
    margin-left: 80px;
  }
}

.event-content .chairs .chair__info__name {
  font-size: 18px;
  line-height: 24px;
  color: #7DA2DC;
  transition: color 0.2s ease;
}

.event-content .chairs .chair__info__name:hover {
  color: #6a89bb;
  text-decoration: none;
}

.event-content .chairs .chair__info__specialty {
  margin-top: 5px;
  font-size: 14px;
  line-height: 21px;
  color: #333333;
}

.event-content .chairs .chair__info__location {
  margin-top: 10px;
  font-size: 14px;
  line-height: 21px;
  color: #878787;
}

@media only screen and (max-width: 599px) {
  .event-content .chairs .chair__info__location {
    line-height: 1.2;
  }
}

.event-content .chairs .chair__image {
  width: 120px;
  height: 120px;
  overflow: hidden;
  float: left;
  border-radius: 1px;
}

@media only screen and (max-width: 599px) {
  .event-content .chairs .chair__image {
    width: 80px;
    height: 80px;
  }
}

.event-content .chairs .chair__image img {
  width: 100%;
}

.event-content .speakers {
  margin-bottom: 35px;
}

.event-content .speakers-list {
  margin-bottom: 0px;
}

.event-content .speakers .speaker {
  width: 170px;
  float: left;
  height: 60px;
  margin-top: 15px;
}

.event-content .speakers .speaker__image {
  width: 50px;
  height: 50px;
  overflow: hidden;
  float: left;
  border-radius: 1px;
}

.event-content .speakers .speaker__image img {
  width: 50px;
}

.event-content .speakers .speaker__info {
  margin-left: 50px;
  padding: 0 10px;
}

.event-content .speakers .speaker__info__name {
  color: #333333;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.event-content .speakers .speaker__info__location {
  max-height: 28px;
  margin-top: 5px;
  color: #878787;
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
}

.content-searcher {
  position: relative;
}

.content-searcher__input {
  width: 100%;
  padding: 2px 4px;
}

.content-searcher__results {
  position: absolute;
  background-color: #FFF;
  max-height: 150px;
  min-width: 50%;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #ececec;
  display: none;
}

.content-searcher__results a {
  display: block;
  height: 18px;
  line-height: 18px;
  padding-left: 3px;
  color: #8596B3;
}

.content-searcher__results a:hover,
.content-searcher__results a:focus {
  background-color: #eee;
  text-decoration: none;
}

.addContentButton {
  position: absolute;
  top: 0;
  right: 0;
}

.addContentButton .ortho-button {
  padding: 0 20px;
}

@media (max-width: 600px) {
  .event-content--overview {
    padding: 20px;
  }
}

.calculator__header {
  padding-bottom: 5px;
  padding-right: 4px;
}

.calculator__input {
  width: 100%;
  height: 50px;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  text-align: right;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 26px;
  transition: border 0.2s ease;
}

.calculator__input:focus {
  border: 1px solid #bcbcbc;
  outline: none;
}

.calculator__input::-ms-clear {
  display: none;
}

.calculator__buttons {
  margin: 0 -5px;
}

.calculator__button {
  display: inline-block;
  width: 90px;
  height: 45px;
  margin: 5px;
  background: linear-gradient(#f5f5f5, #f1f1f1);
  border: 1px solid #e0e0e0;
  color: #535453;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: box-shadow 0.2s ease, border 0.2s ease;
  box-shadow: 0 0 0 #ffffff;
  border-radius: 3px;
  vertical-align: middle;
}

@media only screen and (max-width: 599px) {
  .calculator__button {
    width: 52px;
  }
}

.calculator__button:hover {
  box-shadow: 0 1px 3px #bcbcbc;
  border: 1px solid #bcbcbc;
}

.calculator__button:focus {
  outline: none;
  box-shadow: 0 1px 3px #bcbcbc;
  border: 1px solid #bcbcbc;
}

.calculator__button::-moz-focus-inner {
  border: none;
}

.calculator__button--dark {
  background: linear-gradient(#d6d6d6, #d0d0d0);
}

.calculator__button--blue {
  color: #ffffff;
  background: linear-gradient(#488dfb, #4688ed);
}

.calculator__button--big {
  font-size: 24px;
}

.calculator__additional-info {
  min-height: 20px;
  font-size: 14px;
  text-align: right;
}

.calculator__additional-text {
  display: inline-block;
  transition: -webkit-transform 0.2s ease, opacity 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease;
  opacity: 1;
  -webkit-transform-origin: right;
  transform-origin: right;
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.calculator__additional-text--active {
  opacity: 0;
  -webkit-transform: scale(1.5) translateY(30px);
  transform: scale(1.5) translateY(30px);
}

.topic-bullets-section,
.topic-bullets-editor {
  font: 16px / 1.3 "Arial", "Helvetica-Neue", "Helvetica", sans-serif;
  color: #000;
  /*
	table td[valign="top"] {
		vertical-align: top;
	}

	table[cellspacing="0"] {
		border-spacing: 0;
	}

	table[align="center"] {
		margin: 0 auto;
	}

	table[border="1"],
	table[border="1"] tr td {
		border: 1px solid #f4f4f4 !important;
	}

	table[bordercolor="#dfeafb"],
	table[bordercolor="#dfeafb"] tr td {
		border-color: #dfeafb !important;
	}

	table[bordercolor="#ccccff"],
	table[bordercolor="#CCCCFF"],
	table[bordercolor="#ccccff"] tr td,
	table[bordercolor="#CCCCFF"] tr td {
		border-color: #ccccff;
	}

	table table ul {
		padding-left: 20px;
	}
*/
  /*
	table {
		font: 16px / 1.3 "Arial", "Helvetica-Neue", "Helvetica", sans-serif;
		color: #000;
	}

	table *[style*="color: #0000cc;"],
	table *[style*="color: #0606bd;"],
	table *[style*="color: #0000ff;"] {
		color: #1b56b2 !important;
	}
	table a {
		font: 16px / 1.3 "Arial", "Helvetica-Neue", "Helvetica", sans-serif;
	}
	*/
}

.topic-bullets-section .section,
.topic-bullets-editor .section {
  margin: 0;
}

.topic-bullets-section ul.section,
.topic-bullets-editor ul.section {
  margin-bottom: 16px;
}

.topic-bullets-section ul.section li.bullet_level_0 > .context,
.topic-bullets-editor ul.section li.bullet_level_0 > .context {
  padding: 5px;
  background-color: #f4f4f4;
  font-weight: bold;
  margin-bottom: 16px;
}

.topic-bullets-section ul.section li .links,
.topic-bullets-editor ul.section li .links {
  display: inline-block;
}

.topic-bullets-section ul ul,
.topic-bullets-editor ul ul {
  padding-left: 40px;
  list-style: disc;
}

@media only screen and (max-width: 599px) {
  .topic-bullets-section ul ul,
  .topic-bullets-editor ul ul {
    padding: 0 0 0 25px;
  }
}

.topic-bullets-section ul ul ul,
.topic-bullets-editor ul ul ul {
  list-style: circle;
  margin: 0;
}

@media only screen and (max-width: 599px) {
  .topic-bullets-section ul ul ul,
  .topic-bullets-editor ul ul ul {
    padding-left: 10px;
  }
}

.topic-bullets-section ul ul ul ul,
.topic-bullets-editor ul ul ul ul {
  list-style: square;
}

.topic-bullets-section strong,
.topic-bullets-editor strong {
  color: #1b56b2;
}

.topic-bullets-section span.em1,
.topic-bullets-editor span.em1 {
  color: #1b56b2;
}

.topic-bullets-section table,
.topic-bullets-editor table {
  border-color: #dfeafb;
  border-width: 1px;
  border-collapse: separate;
  border-style: solid;
  border-spacing: 0;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
}

.topic-bullets-section table > tbody > tr:first-child td,
.topic-bullets-editor table > tbody > tr:first-child td {
  padding: 5px;
  vertical-align: middle;
  background-color: #dfeafb;
}

.topic-bullets-section table td,
.topic-bullets-editor table td {
  padding: 1px;
  vertical-align: middle;
  border-color: #dfeafb;
  border-width: 1px;
  border-collapse: separate;
  border-style: solid;
}

.topic-bullets-section table p,
.topic-bullets-editor table p {
  margin: 16px 0;
}

.topic-bullets-editor a.level-label {
  zoom: 0.5;
}

.topic-bullets-editor .question-edit span,
.topic-bullets-editor .image-edit span,
.topic-bullets-editor .video-edit span,
.topic-bullets-editor .topic-edit span {
  display: block;
}

.topic-bullets-editor ul li .links {
  margin-left: 3px;
}

.tbe-bullets_action_tools {
  float: right;
}

.tbe-bullets_action_tools select {
  line-height: 18px;
  height: 18px;
  width: 20px;
}

/*#tinymce.mceContentBody {
    background-color: #FFFFFF !important;
    margin: 8px;

    ol, ul {
        list-style: initial;
        padding-left: 40px;
    }

    table {
        margin: 0 auto;
    }

    td {
        font-size: 16px;
        font-family: Arial, Helvetica, sans-serif;
    }
}*/

.content-header {
  padding-top: 10px;
  font-size: 14px;
}

@media only screen and (max-width: 599px) {
  .content-header {
    padding: 35px 10px 0 10px;
  }
}

.content-header__tools {
  float: right;
}

@media only screen and (max-width: 599px) {
  .content-header__tools {
    position: absolute;
    top: 5px;
    right: 15px;
  }
}

@media only screen and (max-width: 599px) {
  .content-header__tools--with-notes {
    right: 50px;
  }
}

.content-header__nav {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
}

.content-header__progress-list {
  display: inline-block;
  vertical-align: top;
  padding-left: 15px;
  padding-right: 10px;
  margin-top: -2px;
}

@media only screen and (max-width: 599px) {
  .content-header__progress-list {
    padding-right: 0;
  }
}

.content-header__separated-list {
  display: inline-block;
}

.content-header__separated-list .separated-list__item {
  font-size: 12px;
}

.content-header__separated-list .abstractLink {
  display: none;
}

.content-header__title {
  font-size: 27px;
  font-weight: 700;
  padding-bottom: 10px;
}

@media only screen and (max-width: 599px) {
  .content-header__title {
    font-size: 20px;
  }
}

.content-header__additional-tools {
  padding-left: 10px;
  margin-left: -10px;
  font-size: 0;
  position: relative;
  overflow: hidden;
}

.content-header__additional-tools:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100px;
  background: linear-gradient(to right, transparent, #FFFFFF);
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.content-header__additional-tools--narrow:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.content-header__additional-tools--full {
  margin-top: -10px;
}

@media only screen and (max-width: 599px) {
  .content-header__additional-tools--full {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.content-header__additional-tools--evidence {
  padding-left: 0;
  margin-left: 0;
}

.content-header__authors {
  padding-bottom: 10px;
}

.content-header__buttons {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  font-size: 0;
  padding-bottom: 12px;
}

@media only screen and (max-width: 599px) {
  .content-header__buttons {
    display: block;
    text-align: left;
  }
}

.content-header__buttons--full {
  padding-top: 12px;
}

.content-header__edit {
  font-size: 20px;
  color: #32cd32;
  transition: 0.2s;
  vertical-align: top;
}

.content-header__edit:hover {
  color: #218521;
  text-decoration: none;
}

.content-header__image-section {
  max-width: 80px;
  padding-right: 15px;
  margin-bottom: 12px;
  float: left;
}

.content-header__image-wrapper {
  position: relative;
}

.content-header__image {
  width: 80px;
  height: 105px;
}

@media only screen and (max-width: 599px) {
  .content-header__image {
    width: 60px;
    height: 80px;
  }
}

.content-header__content-section {
  float: left;
}

.content-header__block {
  display: inline-block;
  padding: 10px 15px 7px 15px;
  margin-bottom: 12px;
  font-size: 16px;
  border: 1px solid #FDD16B;
  background-color: #FFF0CF;
}

@media only screen and (max-width: 1023px) {
  .content-header__block {
    margin-bottom: 12px;
  }
}

@media only screen and (max-width: 599px) {
  .content-header__icon-hint {
    position: relative;
    top: -1px;
  }
}

.content-header__level-label {
  margin-top: 3px;
}

.content-header__additional-info {
  min-height: 30px;
}

@media only screen and (max-width: 599px) {
  .content-header__additional-info {
    min-height: auto;
    padding: 5px 0;
  }
}

.content-header__qtip-notification {
  max-width: 400px;
}

.content-header__additional-tools-wrapper {
  display: table;
  width: 100%;
}

@media only screen and (max-width: 599px) {
  .content-header__additional-tools-wrapper {
    display: block;
  }
}

.content-header__additional-tools-wrapper--techniques {
  padding-bottom: 12px;
}

@media only screen and (max-width: 1023px) {
  .content-header__additional-tools-wrapper--techniques {
    padding-bottom: 0;
  }
}

.content-header__additional-tools-wrapper--techniques .author-card {
  margin-bottom: 0;
}

@media only screen and (max-width: 1023px) {
  .content-header__additional-tools-wrapper--techniques .author-card {
    margin-bottom: 10px;
  }
}

.content-header__additional-tools-wrapper--techniques .sponsor-logo {
  margin-bottom: 0;
}

@media only screen and (max-width: 1023px) {
  .content-header__additional-tools-wrapper--techniques .sponsor-logo {
    margin-bottom: 10px;
  }
}

.content-header__additional-tools-wrapper--techniques .content-header__buttons {
  padding-bottom: 0;
}

.content-header__additional-tools-wrapper--techniques .content-header__buttons--full {
  padding-top: 0;
}

.content-header__section-authors {
  display: table-cell;
  vertical-align: middle;
}

@media only screen and (max-width: 599px) {
  .content-header__section-authors {
    display: block;
  }
}

@media only screen and (max-width: 599px) {
  .events-list {
    padding: 0 10px;
  }
}

.events-list__event {
  position: relative;
  min-height: 50px;
  transition: background-color 0.2s ease;
}

.events-list__event:hover {
  background-color: #f5f5f5;
}

.events-list__event:after {
  content: '';
  position: absolute;
  right: 20px;
  top: 50%;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #484848;
  border-right: 1px solid #484848;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

@media only screen and (max-width: 599px) {
  .events-list__event:after {
    right: 5px;
  }
}

.events-list__event--header {
  min-height: auto;
  border-bottom: 2px solid #ddd;
  color: #333;
  font-weight: 700;
}

.events-list__event--header:hover {
  background-color: transparent;
}

.events-list__event--header:after {
  content: none;
}

.events-list__section {
  padding: 8px;
}

.events-list__section--logo {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 60px;
}

@media only screen and (max-width: 599px) {
  .events-list__section--logo {
    display: none;
  }
}

.events-list__section--name {
  padding-left: 70px;
  padding-right: 170px;
}

@media only screen and (max-width: 599px) {
  .events-list__section--name {
    padding-left: 0;
    padding-right: 110px;
  }
}

.events-list__section--date {
  position: absolute;
  right: 100px;
  top: 0;
  width: 100px;
  text-align: left;
}

@media only screen and (max-width: 599px) {
  .events-list__section--date {
    width: 100px;
  }
}

.events-list__section--delete {
  position: absolute;
  right: 40px;
  top: 0;
  width: 50px;
}

.events-list__name {
  padding-bottom: 3px;
  color: #1d4486;
}

@media only screen and (max-width: 599px) {
  .events-list__name {
    font-size: 15px;
  }
}

.events-list__description {
  color: #7e9acc;
  font-style: italic;
}

.events-list__logo {
  width: 35px;
  height: 30px;
}

.case-polls-presentation {
  transition: background-color 0.2s ease, color 0.2s ease;
}

.case-polls-presentation__title {
  position: relative;
  padding: 25px;
  font-size: 27px;
  color: #333333;
  border-left: 10px solid #7DA2DC;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
  z-index: 1;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.case-polls-presentation__labels {
  position: fixed;
  right: 100px;
  bottom: 50px;
  width: 15%;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  display: block;
  opacity: 1;
  visibility: visible;
}

.case-polls-presentation__labels--hidden {
  opacity: 0;
  visibility: hidden;
}

@media only screen and (max-width: 1023px) {
  .case-polls-presentation__labels {
    display: none;
  }
}

.case-polls-presentation__label {
  position: relative;
  font-size: 16px;
  margin-top: 20px;
  line-height: 1.2;
}

.case-polls-presentation__label:before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -30px;
  border-radius: 1px;
}

.case-polls-presentation__label--community:before {
  background-color: #7DA2DC;
}

.case-polls-presentation__label--group:before {
  background-color: #79C969;
}

.case-polls-presentation__controls {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 80px;
  text-align: center;
  transition: background-color 0.2s ease, color 0.2s ease;
  z-index: 1;
}

.case-polls-presentation__controls-wrapper {
  position: absolute;
  top: 100px;
  left: 0;
  width: 40px;
}

.case-polls-presentation__control {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: 10px;
  padding: 0;
  box-sizing: border-box;
  background-color: #7DA2DC;
  transition: background 0.2s ease;
  border: none;
  color: #FFFFFF;
  font-size: 16px;
  vertical-align: top;
  text-align: center;
}

.case-polls-presentation__control:hover,
.case-polls-presentation__control--active {
  background-color: #557CB8;
}

.case-polls-presentation__control--close {
  position: static;
}

.case-polls-presentation__control--nightmode {
  margin-top: 35px;
  font-size: 22px;
}

.case-polls-presentation__control--nightmode .icon-day {
  display: none;
}

.case-polls-presentation__control--reset {
  font-size: 20px;
}

.case-polls-presentation__control--question {
  font-size: 20px;
}

.case-polls-presentation__control--result {
  font-size: 20px;
}

.case-polls-presentation__control--hidden {
  display: none;
}

.case-polls-presentation__control--keyboard {
  font-size: 12px;
}

.case-polls-presentation__control--prev {
  margin-top: 35px;
}

.case-polls-presentation__control--case {
  margin-top: 35px;
  font-size: 20px;
}

.case-polls-presentation__control--polls {
  font-size: 20px;
  padding-top: 2px;
}

.case-polls-presentation__control--outcomes {
  padding-top: 2px;
  font-size: 20px;
}

.case-polls-presentation__polls {
  padding-bottom: 30px;
}

.case-polls-presentation__image-section {
  text-align: center;
  padding-right: 150px;
  padding-left: 150px;
  transition: padding 0.4s ease;
}

.case-polls-presentation__image-section--with-preview {
  padding-left: 430px;
}

.case-polls-presentation__image-wraper {
  height: calc(100vh - 100px);
  width: 100%;
  padding-top: 55px;
  padding-bottom: 120px;
  display: inline-block;
  position: relative;
}

.case-polls-presentation__image-control-wrapper {
  height: 100%;
  overflow: hidden;
}

.case-polls-presentation__image-draggable {
  height: 100%;
}

.case-polls-presentation__image-rotate {
  height: 100%;
}

.case-polls-presentation__image-rotate[data-rotate="90"] {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.case-polls-presentation__image-rotate[data-rotate="180"] {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.case-polls-presentation__image-rotate[data-rotate="270"] {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.case-polls-presentation__image {
  height: 100%;
  width: 100%;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  -webkit-transform: scale(1);
  transform: scale(1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.case-polls-presentation__image-type {
  position: absolute;
  bottom: 70px;
  left: 0;
  padding-bottom: 10px;
  color: #333333;
  font-size: 24px;
  text-align: left;
  transition: color 0.2s ease;
}

.case-polls-presentation__image-description {
  position: absolute;
  bottom: 50px;
  left: 0;
  color: #333333;
  font-size: 18px;
  text-align: left;
  transition: color 0.2s ease;
}

.case-polls-presentation__image-date {
  position: absolute;
  bottom: 81px;
  right: 50px;
  color: #878787;
  font-size: 18px;
}

.case-polls-presentation__image-controls {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
  transition: -webkit-transform 0.4s ease, opacity 0.2s ease, visibility 0.2s ease;
  transition: transform 0.4s ease, opacity 0.2s ease, visibility 0.2s ease;
  opacity: 1;
  visibility: visible;
}

.case-polls-presentation__image-controls--hidden {
  opacity: 0;
  visibility: hidden;
}

.case-polls-presentation__image-controls--with-preview {
  -webkit-transform: translateX(145px);
  transform: translateX(145px);
}

.case-polls-presentation__image-control {
  height: 25px;
  width: 25px;
  padding: 0;
  font-size: 26px;
  border: none;
  background-color: transparent;
  color: #a9a9a9;
  transition: color 0.2s ease;
}

.case-polls-presentation__image-control + .case-polls-presentation__image-control {
  margin-left: 15px;
}

.case-polls-presentation__image-block-control-icons {
  transition: opacity 0.2s ease, visibility 0.2s ease;
  color: #a9a9a9;
}

.case-polls-presentation__image-block-control-icons--open {
  opacity: 0;
  visibility: hidden;
}

.case-polls-presentation__image-block-control-icons--close {
  opacity: 1;
  visibility: visible;
}

.case-polls-presentation__image-block-control {
  position: absolute;
  top: 90px;
  left: 0px;
  width: 40px;
  height: 40px;
  background-color: #f9f9f9;
  border-radius: 0 100px 100px 0;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
  display: block;
}

.case-polls-presentation__image-block-control .icon {
  position: absolute;
}

.case-polls-presentation__image-block-control .icon-arrow-prev-round {
  top: 13px;
  left: 11px;
}

.case-polls-presentation__image-block-control .icon-arrow-next-round {
  top: 13px;
  left: 21px;
}

.case-polls-presentation__image-block-control:hover {
  background-color: #e4e4e4;
}

.case-polls-presentation__image-block-control--open .case-polls-presentation__image-block-control-icons--open {
  opacity: 1;
  visibility: visible;
}

.case-polls-presentation__image-block-control--open .case-polls-presentation__image-block-control-icons--close {
  opacity: 0;
  visibility: hidden;
}

.case-polls-presentation__image-block-control--hidden {
  display: none;
}

.case-polls-presentation__dot {
  position: absolute;
  right: 25px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #a9a9a9;
}

.case-polls-presentation__dot--top {
  top: 11px;
}

.case-polls-presentation__dot--middle {
  top: 18px;
}

.case-polls-presentation__dot--bottom {
  top: 25px;
}

.case-polls-presentation__dot--close {
  right: 12px;
}

.case-polls-presentation__image-preview-controls,
.case-polls-presentation__image-outcomes-controls {
  position: absolute;
  top: 125px;
  left: 50px;
  width: 330px;
  height: calc(100vh - 150px);
  font-size: 16px;
  transition: -webkit-transform 0.4s ease, opacity 0.2s ease, visibility 0.2s ease;
  transition: transform 0.4s ease, opacity 0.2s ease, visibility 0.2s ease;
  -webkit-transform: translateX(-400px);
  transform: translateX(-400px);
  opacity: 1;
  visibility: visible;
}

.case-polls-presentation__image-preview-controls--open,
.case-polls-presentation__image-outcomes-controls--open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.case-polls-presentation__image-preview-controls--hidden,
.case-polls-presentation__image-outcomes-controls--hidden {
  opacity: 0;
  visibility: hidden;
}

.case-polls-presentation__image-preview-section {
  padding: 10px;
  line-height: 1.2;
  background-color: #f9f9f9;
  transition: background-color 0.2s ease;
}

.case-polls-presentation__image-section-name {
  max-height: 40px;
  overflow: hidden;
  font-size: 16px;
}

.case-polls-presentation__image-section-dop {
  margin-top: 10px;
  font-size: 14px;
  color: #A9A9A9;
  text-align: right;
}

.case-polls-presentation__image-preview-control {
  display: table;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #e6e6e6;
  transition: border 0.2s ease;
}

.case-polls-presentation__image-preview-img-wrapper {
  display: table-cell;
  text-align: right;
  vertical-align: top;
}

.case-polls-presentation__image-preview-image {
  height: 80px;
  border: 3px solid transparent;
  transition: border 0.2s ease;
  cursor: pointer;
}

.case-polls-presentation__image-preview-image:hover,
.case-polls-presentation__image-preview-image--active {
  border: 3px solid #7DA2DC;
}

.case-polls-presentation__image-preview-text {
  display: table-cell;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
}

.case-polls-presentation__image-preview-type {
  padding-bottom: 5px;
}

.case-polls-presentation__image-preview-description {
  color: #A9A9A9;
}

.case-polls-presentation .loading-layout:after {
  position: fixed;
}

.case-polls-presentation .poll-wraper {
  width: 100%;
  height: 100%;
  padding-top: 35px;
  padding-left: 15%;
  padding-right: 15%;
  box-sizing: border-box;
}

.case-polls-presentation .poll-refs-section {
  display: none !important;
}

.case-polls-presentation .poll-create-section__title {
  background-color: transparent;
  padding-bottom: 10px;
}

.case-polls-presentation .poll-create-section__title__label {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5px;
  padding: 0 130px 0 5px;
  vertical-align: middle;
  font-size: 24px;
}

.case-polls-presentation .poll-create-section__tools {
  position: absolute;
  top: 5px;
  right: 0;
}

.case-polls-presentation .poll-create-section {
  border: none;
}

.case-polls-presentation .poll-create-section__tools-button {
  height: 40px;
  width: 40px;
  font-size: 22px;
  padding: 8px;
  background-color: #7DA2DC;
  color: #FFFFFF;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.case-polls-presentation .poll-create-section__tools-button:hover {
  background-color: #557CB8;
}

.case-polls-presentation .poll-create-section__items__item {
  padding-bottom: 20px;
}

.case-polls-presentation .poll-create-section__items__item__text {
  font-size: 24px;
  position: relative;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.case-polls-presentation .poll-create-section__items__item__text:before {
  content: '';
  position: absolute;
  top: 0px;
  left: -18px;
  width: 25px;
  height: 25px;
  border: 1px solid #C6C6C9;
  background-color: #FFFFFF;
  border-radius: 100%;
}

.case-polls-presentation .poll-create-section__items__item__text:after {
  content: '';
  position: absolute;
  top: 5px;
  left: -13px;
  width: 15px;
  height: 15px;
  background-color: #7DA2DD;
  border-radius: 100%;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.case-polls-presentation .poll-create-section__items__item__input {
  opacity: 0;
}

.case-polls-presentation .poll-create-section__items__item__input:checked + .poll-create-section__items__item__text:after {
  opacity: 1;
}

.case-polls-presentation .radio {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 100px;
}

.case-polls-presentation .poll-result__option {
  font-size: 22px;
  line-height: 1.2;
}

.case-polls-presentation .poll-result__info {
  font-size: 18px;
}

.case-polls-presentation .poll-result__bar {
  height: 18px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.case-polls-presentation .poll-result__bar-value {
  height: 18px;
}

.case-polls-presentation .poll-result__efootprint-box {
  display: none;
}

.case-polls-presentation .poll-create-section__items {
  padding-top: 20px;
}

.case-polls-presentation .poll-result__item {
  padding-bottom: 20px;
}

.case-polls-presentation .poll-create-section__items__item {
  padding-bottom: 30px;
}

.case-polls-presentation .poll-create-section__other-option {
  display: none;
}

.case-polls-presentation .poll-result__items {
  padding-top: 12px;
}

.case-polls-presentation .poll-result__items.with-efootprint {
  padding-right: 5px;
}

.case-polls-presentation .poll-result__item + .poll-result__item {
  padding-top: 0;
}

.case-polls-presentation .poll-result__desc {
  width: 34%;
  float: left;
  padding-top: 22px;
  padding-right: 30px;
  text-align: right;
}

.case-polls-presentation .poll-result__chart-wrapper {
  width: 50%;
  float: left;
}

.case-polls-presentation .poll-create-section__title__icon .icon {
  transition: color 0.2s ease;
  background-color: #7da2dc;
}

.case-polls-presentation .ortho-scroll.case-polls-presentation__image-preview-controls .mCSB_scrollTools {
  border-left: none;
}

.case-polls-presentation .ortho-scroll .mCSB_scrollTools {
  transition: border 0.2s ease;
}

.case-polls-presentation .ortho-scroll .mCSB_scrollTools .mCSB_draggerRail {
  transition: background-color 0.2s ease;
}

.case-polls-presentation .ortho-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  transition: background-color 0.2s ease;
}

.case-polls-presentation .case-body__table {
  padding-top: 35px;
  padding-left: 15%;
  padding-right: 15%;
  border-spacing: 5px;
}

.case-polls-presentation .case-body__table__tr__td1 {
  font-size: 24px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.case-polls-presentation .case-body__table__tr__td2 {
  font-size: 24px;
  vertical-align: middle;
  line-height: 1.2 !important;
  font-weight: 400;
  transition: background-color 0.2s ease;
}

.case-polls-presentation--nightmode {
  background-color: #333333;
  color: #ffffff;
}

.case-polls-presentation--nightmode .case-polls-presentation__title {
  background-color: #4D4D4D;
  color: #ffffff;
}

.case-polls-presentation--nightmode .case-polls-presentation__control .icon-day {
  display: block;
}

.case-polls-presentation--nightmode .case-polls-presentation__control .icon-night {
  display: none;
}

.case-polls-presentation--nightmode .case-polls-presentation__image-preview-control {
  border-bottom: 1px solid #4D4D4D;
}

.case-polls-presentation--nightmode .case-polls-presentation__image-control {
  color: #FFFFFF;
}

.case-polls-presentation--nightmode .case-polls-presentation__image-preview-section {
  background-color: #4D4D4D;
}

.case-polls-presentation--nightmode .poll-result__bar {
  background-color: #5B5B5B;
}

.case-polls-presentation--nightmode .poll-create-section__items__item__text {
  color: #ffffff;
}

.case-polls-presentation--nightmode .loading-layout--loading:after {
  opacity: 0.3;
}

.case-polls-presentation--nightmode .poll-create-section__title__icon .icon {
  color: #333333;
}

.case-polls-presentation--nightmode .ortho-scroll .mCSB_scrollTools {
  border-left: 1px solid #5B5B5B;
}

.case-polls-presentation--nightmode .ortho-scroll .mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.case-polls-presentation--nightmode .ortho-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #4D4D4D;
}

.case-polls-presentation--nightmode .case-body__table__tr__td1 {
  background-color: #7DA2DC;
  color: #333333;
}

.case-polls-presentation--nightmode .case-body__table__tr__td2 {
  background-color: #5B5B5B;
}

.case-polls-presentation--nightmode .case-polls-presentation__image-block-control {
  background-color: #4D4D4D;
}

.case-polls-presentation--nightmode .case-polls-presentation__image-block-control:hover {
  background-color: #737373;
}

.case-polls-presentation--nightmode .case-polls-presentation__dot {
  background-color: #D8D8D8;
}

.case-polls-presentation--nightmode .case-polls-presentation__image-block-control-icons {
  color: #D8D8D8;
}

.case-polls-presentation--nightmode .case-polls-presentation__image-type {
  color: #FFFFFF;
}

.case-polls-presentation--nightmode .case-polls-presentation__image-description {
  color: #FFFFFF;
}

.profile-page {
  padding-top: 15px;
  color: #333333;
  font-size: 14px;
}

@media only screen and (max-width: 599px) {
  .profile-page {
    padding: 0 15px;
  }
}

.profile-page__sidebar {
  width: 25%;
  float: left;
}

@media only screen and (max-width: 1023px) {
  .profile-page__sidebar {
    width: 30%;
  }
}

@media only screen and (max-width: 599px) {
  .profile-page__sidebar {
    width: 100%;
  }
}

.profile-page__main {
  width: 75%;
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
}

@media only screen and (max-width: 1023px) {
  .profile-page__main {
    width: 70%;
  }
}

@media only screen and (max-width: 599px) {
  .profile-page__main {
    width: 100%;
    padding: 0;
  }
}

.profile-page__photo-wrapper {
  margin-bottom: 30px;
  padding-right: 30px;
  text-align: center;
}

.profile-page__photo {
  display: inline-block;
  width: 130px;
  height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  border: 5px solid #F9F9F9;
}

.profile-page__header {
  position: relative;
  margin-left: -29px;
  padding-left: 29px;
  border-left: 1px solid #EAEAEA;
}

@media only screen and (max-width: 599px) {
  .profile-page__header {
    margin-left: 0px;
    padding-left: 0px;
    border-left: none;
  }
}

.profile-page__name {
  padding-bottom: 5px;
  font-size: 27px;
  font-weight: bold;
  line-height: 1.5;
}

.profile-page__name-title {
  color: #A9A9A9;
}

.profile-page__speciality {
  padding-bottom: 5px;
  color: #878787;
  line-height: 1.5;
}

.profile-page__position {
  padding-bottom: 5px;
  line-height: 1.5;
}

.profile-page__hospital {
  padding-bottom: 10px;
  line-height: 1.5;
}

.profile-page__comments {
  position: relative;
  margin-left: -29px;
  padding-left: 29px;
}

.profile-page__sidebar-title {
  padding-bottom: 15px;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}

.profile-page__sidebar-contact {
  padding-bottom: 10px;
  line-height: 1.5;
}

.profile-page__sidebar-icon {
  float: left;
  margin-right: 5px;
  margin-top: 3px;
  font-size: 16px;
  color: #7DA2DC;
}

.profile-page__sidebar-icon--peak {
  margin-top: 1px;
  margin-left: -1px;
  font-size: 18px;
}

.profile-page__sidebar-contact-block {
  margin-left: 22px;
}

.profile-page__sidebar-info {
  padding-right: 30px;
}

@media only screen and (max-width: 599px) {
  .profile-page__sidebar-info {
    display: none;
  }
}

.profile-page__map-iframe {
  width: 100%;
}

.profile-page__controls {
  padding-top: 10px;
  padding-bottom: 15px;
}

@media only screen and (max-width: 599px) {
  .profile-page__controls .ortho-button {
    margin-right: 10px;
    padding: 0 10px;
  }
}

.profile-page__controls .ortho-button + .ortho-button {
  margin-left: 10px;
}

@media only screen and (max-width: 599px) {
  .profile-page__controls .ortho-button + .ortho-button {
    margin-left: 0px;
    margin-top: 10px;
  }
}

.profile-page__control-icon {
  position: relative;
  top: -1px;
  margin-right: 3px;
  vertical-align: middle;
}

.profile-page__control-icon--collaborate {
  font-size: 12px;
}

.profile-page__control-icon--person {
  margin-right: 5px;
  font-size: 18px;
}

.profile-page__icon-plus {
  position: absolute;
  top: -1px;
  right: -5px;
  font-size: 12px;
  font-weight: bold;
}

.profile-page__right-controls {
  float: right;
}

@media only screen and (max-width: 599px) {
  .profile-page__right-controls {
    padding-bottom: 10px;
    float: none;
  }
}

.profile-page__hospital-logo {
  position: absolute;
  top: 0;
  right: 0;
}

@media only screen and (max-width: 599px) {
  .profile-page__hospital-logo {
    position: relative;
  }
}

.profile-page__hospital-logo-img {
  max-height: 50px;
}

.profile-page .tab-links--styled {
  position: relative;
}

.profile-page .tab-links--styled:before {
  content: '';
  position: absolute;
  left: -29px;
  top: -12px;
  bottom: -12px;
  width: 1px;
  background-color: #EAEAEA;
}

@media only screen and (max-width: 599px) {
  .profile-page .tab-links--styled:before {
    content: none;
  }
}

.sponsor-popup {
  height: 0;
  max-width: 360px;
  font-size: 12px;
}

.sponsor-popup__main-wrapper {
  padding: 10px;
}

.sponsor-popup__img-wrapper {
  float: left;
  width: 95px;
  height: 95px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.sponsor-popup__content {
  padding-left: 15px;
  overflow: hidden;
}

.sponsor-popup__name {
  padding-bottom: 3px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
}

.sponsor-popup__text {
  padding-top: 5px;
}

.sponsor-popup__important {
  padding: 7px;
  margin: 0 -1px -1px -1px;
  text-align: center;
  background-color: #003660;
  color: #FFFFFF;
  line-height: 1.3;
}

.sponsor-popup__qtip {
  border: 1px solid #C0C0C0;
  box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
}

.sponsor-popup__qtip .qtip-content {
  min-width: 360px;
  min-height: 115px;
  padding: 0;
  overflow: visible;
}

.sponsor-popup--without-image .sponsor-popup__img-wrapper {
  display: none;
}

.sponsor-popup--without-image .sponsor-popup__content {
  padding-left: 0;
}

.dashboard-item {
  position: relative;
  display: block;
  padding: 15px;
  box-sizing: border-box;
  overflow: hidden;
  color: #333333;
  transition: background-color 0.2s ease;
}

.dashboard-item:hover {
  text-decoration: none;
  background-color: #F9F9F9;
}

.dashboard-item:hover .pass-peak-dashboard-item {
  background-color: #FFFFFF;
}

.dashboard-item:hover .pass-peak-topic-infographic__arrow {
  border-color: #F9F9F9;
}

.dashboard-item:hover .dashboard-item__delete {
  opacity: 1;
  visibility: visible;
}

.dashboard-item__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.dashboard-item__image {
  height: 120px;
  text-align: center;
}

@media only screen and (max-width: 599px) {
  .dashboard-item__image {
    display: none;
  }
}

.dashboard-item__notification {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 25px;
  padding: 3px;
  box-sizing: border-box;
  color: #FFFFFF;
  font-size: 10px;
}

@media only screen and (max-width: 599px) {
  .dashboard-item__notification {
    min-height: 35px;
    font-size: 14px;
  }
}

.dashboard-item__notification--peak {
  background-color: #395685;
}

.dashboard-item__notification--login {
  background-color: #39B1EB;
}

.dashboard-item__notification .icon {
  padding-right: 2px;
}

.dashboard-item__notification .icon-peak {
  font-size: 12px;
}

.dashboard-item__mobile-image {
  position: relative;
  display: none;
  padding-bottom: 56.25%;
  margin-bottom: 10px;
}

@media only screen and (max-width: 599px) {
  .dashboard-item__mobile-image {
    display: block;
  }
}

.dashboard-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 0;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  padding: 2px 10px 2px 15px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dashboard-item__content {
    max-width: 500px;
  }
}

@media only screen and (max-width: 1023px) {
  .dashboard-item__content {
    display: block;
    padding: 2px 0 2px 15px;
  }
}

@media only screen and (max-width: 599px) {
  .dashboard-item__content {
    padding: 2px 0;
  }
}

.dashboard-item__main-info {
  min-width: 0;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.dashboard-item__additional-info {
  position: relative;
  padding: 3px 0;
  text-align: right;
}

@media only screen and (max-width: 1023px) {
  .dashboard-item__additional-info {
    position: static;
    text-align: left;
  }
}

.dashboard-item__trackers {
  position: relative;
  text-align: right;
  z-index: 1;
}

.dashboard-item__trackers--tg {
  min-height: 115px;
}

.dashboard-item__trackers--peak {
  padding-left: 15px;
}

.dashboard-item__image-wrapper {
  position: relative;
  width: 180px;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1023px) {
  .dashboard-item__image-wrapper {
    width: 160px;
  }
}

@media only screen and (max-width: 599px) {
  .dashboard-item__image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
  }
}

.dashboard-item__image-wings {
  position: absolute;
  top: 0;
  width: 100%;
  height: 40px;
  background-image: url(/images/Vc_wings_logo.png);
  background-color: rgba(14, 184, 221, 0.7);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: 95% 50%;
}

.dashboard-item__header {
  padding-bottom: 10px;
  font-size: 12px;
  color: #BABABA;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dashboard-item__header {
    max-width: 300px;
  }
}

@media only screen and (max-width: 1023px) {
  .dashboard-item__header {
    box-sizing: border-box;
    min-height: 25px;
    padding-right: 100px;
  }
}

.dashboard-item__header-item {
  display: inline-block;
  vertical-align: middle;
}

.dashboard-item__header-item--link {
  transition: color 0.2s ease;
  color: #7DA2DC;
}

.dashboard-item__header-item--link:hover {
  color: #607ca8;
}

.dashboard-item__header-item + .dashboard-item__header-item {
  padding-left: 10px;
  margin-left: 5px;
  border-left: 1px solid #E6E6E6;
}

.dashboard-item__title {
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1;
}

@media only screen and (max-width: 1023px) {
  .dashboard-item__title {
    padding-bottom: 5px;
  }
}

.dashboard-item__authors {
  padding-bottom: 10px;
  font-size: 0;
  line-height: 1.3;
}

@media only screen and (max-width: 1023px) {
  .dashboard-item__authors {
    padding-bottom: 10px;
  }
}

.dashboard-item__authors .qtiplink {
  display: inline-block;
  margin-right: 6px;
  border-right: 1px solid #e6e6e6;
  color: #7DA2DC;
  font-size: 12px;
}

.dashboard-item__authors .qtiplink:hover {
  color: #607ca8;
}

.dashboard-item__authors .qtiplink:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}

.dashboard-item__technique-description {
  font-size: 12px;
}

.dashboard-item__technique-icon {
  padding-bottom: 6px;
  font-size: 54px;
  color: #BABABA;
}

.dashboard-item__technique-logo {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 1px;
  color: #BABABA;
  background-color: #F9F9F9;
}

@media only screen and (max-width: 1023px) {
  .dashboard-item__technique-logo {
    width: 70px;
  }
}

.dashboard-item__technique-logo-wrapper {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.dashboard-item__date {
  min-width: 100px;
  padding-bottom: 15px;
  color: #BABABA;
  font-size: 12px;
}

@media only screen and (max-width: 1023px) {
  .dashboard-item__date {
    position: absolute;
    top: 3px;
    right: 20px;
    padding: 0;
    text-align: right;
  }
}

.dashboard-item__views {
  padding-bottom: 15px;
  color: #BABABA;
  font-size: 12px;
}

@media only screen and (max-width: 1023px) {
  .dashboard-item__views {
    padding: 0 0 5px 0;
  }
}

.dashboard-item__delete {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 5px 3px 6px;
  border: none;
  background-color: #7DA2DC;
  color: #ffffff;
  z-index: 1;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  opacity: 0;
  visibility: hidden;
  font-size: 12px;
}

.dashboard-item__rating {
  position: absolute;
  bottom: 1px;
  right: 0;
  width: 90px;
}

@media only screen and (max-width: 1023px) {
  .dashboard-item__rating {
    position: relative;
    bottom: auto;
    right: auto;
  }
}

.dashboard-item__breadcrumbs {
  line-height: 1.2;
}

@media only screen and (max-width: 1023px) {
  .dashboard-item__breadcrumbs {
    padding-bottom: 3px;
  }
}

.dashboard-item--technique .cpt-codes-value {
  cursor: pointer;
}

.dashboard-item--technique .icon-hint {
  width: 16px;
  height: 16px;
}

.dashboard-item--technique .icon-hint:after {
  right: 7px;
}

.dashboard-item--technique i.icon-file {
  top: 2px;
  font-size: 9px;
  padding-left: 4px;
}

@media only screen and (max-width: 1023px) {
  .dashboard-item--technique .pass-peak-dashboard-item-place-holder {
    left: 100%;
    right: auto;
  }
}

@media only screen and (max-width: 1023px) {
  .dashboard-item--video .pass-peak-dashboard-item-place-holder {
    left: 100%;
    right: auto;
  }
}

.dashboard-item + .dashboard-item {
  border-top: 1px solid #F3F3F3;
}

.filter-box {
  width: 100%;
  background-color: #f9f9f9;
  padding: 15px;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .filter-box {
    padding: 25px 10px 10px 10px;
  }
}

@media only screen and (max-width: 599px) {
  .filter-box__header {
    padding-top: 10px;
  }
}

.filter-box__anchor {
  position: relative;
  float: right;
  padding: 10px 25px 10px 15px;
  font-size: 14px;
  background-color: #f9f9f9;
  text-align: center;
  cursor: pointer;
  color: #333333;
  transition: color 0.2s ease;
}

.filter-box__anchor:hover {
  color: #989898;
}

.filter-box__anchor:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 15px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #878787;
}

.filter-box__anchor--close:after {
  border-top: 4px solid #878787;
  border-bottom: 4px solid transparent;
}

.filter-box__apply-quantity {
  float: right;
  display: inline-block;
  padding: 2px 10px;
  margin: 8px 10px;
  border-right: 1px solid #EAEAEA;
  font-size: 14px;
  color: #878787;
}

.filter-box__filters {
  padding-bottom: 20px;
}

@media only screen and (max-width: 599px) {
  .filter-box__filters {
    padding-bottom: 0px;
  }
}

.filter-box__filter {
  float: left;
  width: 25%;
  padding-left: 15px;
}

@media only screen and (max-width: 599px) {
  .filter-box__filter {
    width: 100%;
    margin-bottom: 10px;
  }
}

.filter-box__filter:first-child {
  padding-left: 0;
}

@media only screen and (max-width: 599px) {
  .filter-box__filter:first-child {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 599px) {
  .filter-box__filter:last-child {
    margin-bottom: 0px;
  }
}

.filter-box__filter-title {
  position: relative;
  font-size: 12px;
  font-weight: 700;
  color: #878787;
  padding-bottom: 15px;
}

@media only screen and (max-width: 599px) {
  .filter-box__filter-title {
    display: inline-block;
    padding-bottom: 10px;
  }
}

@media only screen and (max-width: 599px) {
  .filter-box__filter-title:after {
    content: '';
    position: absolute;
    right: -15px;
    top: 3px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #878787;
  }
}

@media only screen and (max-width: 599px) {
  .filter-box__filter-title--close:after {
    border-bottom: 4px solid transparent;
    border-top: 4px solid #878787;
  }
}

.filter-box__items {
  height: 110px;
  overflow: hidden;
  padding-right: 5px;
  border-right: 1px solid #EAEAEA;
}

@media only screen and (max-width: 599px) {
  .filter-box__items {
    display: none;
    height: auto;
  }
}

.filter-box__item:first-child {
  padding-top: 2px;
}

.filter-box__item + .filter-box__item {
  padding-top: 5px;
}

.filter-box__buttons {
  position: relative;
  font-size: 0;
  text-align: right;
}

.filter-box__icon-x {
  font-size: 12px;
  padding-right: 5px;
}

.filter-box__icon-check {
  font-size: 10px;
}

.filter-box__icon-filter {
  position: relative;
  left: -3px;
  top: 2px;
  color: #878787;
}

.filter-box__ortho-button.ortho-button {
  min-height: 45px;
  line-height: 45px;
  padding: 0 30px;
}

.filter-box__ortho-button.ortho-button:focus {
  text-decoration: none;
}

.filter-box__result-quantity {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  color: #878787;
}

@media only screen and (max-width: 599px) {
  .filter-box__result-quantity {
    position: static;
    -webkit-transform: none;
    transform: none;
    padding-bottom: 10px;
  }
}

.videoDropdownLists.groups {
  margin-top: 5px;
}

.result-quantity {
  color: #878787;
  font-size: 14px;
  left: 35px;
  position: absolute;
  top: 310px;
}

@media only screen and (max-width: 599px) {
  .result-quantity {
    position: static;
    text-align: right;
    padding-right: 10px;
    padding-top: 10px;
  }
}

.group-items-list {
  padding: 0 10px;
}

.group-items-list__filter-tabs {
  padding: 20px 0;
}

.group-items-list__content {
  position: relative;
}

.group-items-list__paging {
  position: absolute;
  top: -35px;
  right: 0;
}

@media only screen and (max-width: 1023px) {
  .group-items-list__paging {
    position: relative;
    top: 0;
  }
}

.group-items-list__bottom-paging {
  margin: 50px 0 30px 0;
}

@media only screen and (max-width: 1023px) {
  .group-items-list__bottom-paging {
    position: relative;
    top: 0;
  }
}

.group-items-list .event-upcoming-data .connected-event-upcoming-days-left {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  padding-right: 5px;
}

@media only screen and (max-width: 599px) {
  .group-items-list .event-upcoming-data .connected-event-upcoming-days-left {
    padding-bottom: 5px;
  }
}

.group-items-list .event-upcoming-data .register-to-event {
  display: inline-block;
  vertical-align: middle;
  background-color: #7DA2DC;
  padding: 10px 25px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 2px;
  transition: background-color 0.2s ease;
}

.group-items-list .event-upcoming-data .register-to-event:hover {
  background-color: #6A90CC;
}

@media only screen and (max-width: 599px) {
  .group-items-list .event-upcoming-data .register-to-event {
    display: block;
    padding: 14px 25px;
  }
}

.group-items-list .group .event-connections-list-item-data-title .group-name {
  color: #333;
  font-size: 17px;
  font-weight: bold;
}

.group-items-list .join-to-group {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 2px;
  height: 35px;
  padding: 0 20px;
  text-align: center;
}

.group-items-list .join-to-group__button {
  background-color: #fff;
  border: 1px solid #7DA2DC;
  color: #7DA2DC;
  font-size: 14px;
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease, visibility 0.2s ease, height 0 ease, margin 0 ease;
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 599px) {
  .group-items-list .join-to-group__button {
    position: static;
    width: calc(100% - 20px);
    margin: 0 10px 10px 10px;
  }
}

.group-items-list .join-to-group__button:hover {
  background-color: #7DA2DC;
  color: #fff;
}

.group-items-list .join-to-group__button--hidden {
  opacity: 0;
  visibility: hidden;
}

@media only screen and (max-width: 599px) {
  .group-items-list .join-to-group__button--hidden {
    height: 0;
    margin: 0;
  }
}

.group-items-list .join-to-group__label {
  color: #479537;
  font-size: 14px;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  opacity: 1;
  visibility: visible;
  line-height: 35px;
}

@media only screen and (max-width: 599px) {
  .group-items-list .join-to-group__label {
    position: static;
  }
}

.group-items-list .join-to-group__label .icon {
  font-size: 11px;
}

.group-items-list .join-to-group__label--hidden {
  opacity: 0;
  visibility: hidden;
}

@media only screen and (max-width: 599px) {
  .group-items-list .join-to-group__label--hidden {
    height: 0;
  }
}

.group-items-list .private-section {
  bottom: 10px;
  position: absolute;
  right: 10px;
  z-index: 500;
}

@media only screen and (max-width: 599px) {
  .group-items-list .private-section {
    position: static;
    display: block;
    padding: 5px 0 5px 10px;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.row .no-padding {
  padding: 0;
}

.row .no-padding-right {
  padding-right: 0;
}

.row .no-padding-left {
  padding-left: 0;
}

body.open-fixed-modal {
  overflow: hidden;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

@media only screen and (max-width: 599px) {
  .mobile-show {
    display: block !important;
  }

  .mobile-hide {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) {
  .mobile-show {
    display: none !important;
  }

  .mobile-hide {
    display: block !important;
  }
}
